スペーシング - スタイルエディター
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
このツールを使うと、要素にpaddingやmarginを追加できます。
-
有効にする すべての辺に均等なpaddingを設定すると、その要素内のコンポーネント同士の間隔が均等になります。下の矢印を使って同じく調整も可能です。
-
有効にする すべての辺に均等なmarginを設定すると、要素の外枠周りにスペースが作成されます。marginの間隔も下の矢印で調整できます。
marginは要素の外枠の周囲にできるスペースで、paddingは要素の外枠とその内容の間のスペースです。つまり、marginプロパティは要素の外側のスペースを、paddingプロパティは内側のスペースを制御します。
下記の画像は、paddingとmarginの理解を深めるための参考例です。
各設定の下部にあるリセットするボタンをクリックすると、元の内容のデザインに戻せます。
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho Campaigns Resources
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
ボーダー - スタイルエディター
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 ボーダーは宛先を画像やボタンなどの特定の要素に引きつけ、ユーザーのエンゲージメントや操作を高める役割があります。このツールでは、さまざまなスタイルや色のボーダーを追加できます。すべての辺にボーダーを付けるかどうかや、それぞれの角の半径も指定可能です。 ボーダーを追加する方法: ...スタイルエディター
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Style Editorを使えば、Webサイトのカスタマイズはシンプルです。これらのツールは各要素の対応するプロパティ箱で見つけることができます。ページ上の各要素の背景、タイポグラフィ、枠線、影、余白などを個別にカスタマイズすることが可能です。 Style ...シャドウ - スタイルエディター
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このツールでは、要素にシャドウを追加できます。シャドウをオフセットまたはインセットにするかどうかを指定できます。さらに、シャドウの軸、ぼかし、広がりなどの各種コンポーネントもカスタマイズ可能です。 ビルダー左上の追加する アイコンをクリックし、続いてElementを選択します。 ...オーバーレイ - スタイルエディター
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 オーバーレイオプションを使用すると、要素の背景に色または画像を適用できます。 オーバーレイを適用するには: Webサイト上でオーバーレイを追加したい要素をクリックします。 選択した要素の設定アイコンをクリックし、スタイルエディタ セクションに進みます。 ...タイポグラフィ - スタイルエディター
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Typographyを使用して編集できる内容： フォントスタイル フォントサイズ フォントカラー 行間 文字間隔 Typographyを編集するには： 編集したいWebサイト上のテキスト要素をクリックします。 選択した要素の設定アイコンをクリックし、Style ...