コンテナー(メインカラムや行など)を選択すると、スタイリングパネルにそのコンテナー内のすべての要素に影響するレイアウト設定が表示されます。コンテナーは署名の構造の骨組みであり、ブロックの並び方と余白を決定します。
レイアウト
| 設定項目 | 内容 |
|---|
| 方向 | 行(要素を横並び)または列(要素を縦積み)を選択 |
| 配置 | コンテナー内のコンテンツを左・中央・右に揃える |
| 背景 | カラーピッカーまたは16進コードで背景色を設定 |
| 間隔 | コンテナー内の子要素どうしの余白 |
| パディング | コンテナーの端とコンテンツの間の余白。共通入力で四辺を同じ値に設定するか、展開して上・右・下・左を個別に設定 |
方向 → 行と配置 → 中央を組み合わせると、要素を水平方向に中央揃えできます。たとえば、行内のソーシャルアイコンを中央に配置する場合に使えます。
テキスト
コンテナーにテキストコンテンツが含まれる場合、テキストセクションが表示され、フォント、サイズ、色、不透明度、行の高さ、書式設定のオプションを利用できます。これらの設定は、コンテナー内のテキストに既定値として適用されます。
| 設定項目 | 内容 |
|---|
| フォント | Web セーフフォントから選択:Helvetica、Arial、Arial Narrow、Tahoma、Georgia、Times、Garamond、Verdana、Lucida、Trebuchet |
| サイズ | フォントサイズ(ピクセル単位) |
| 色 | テキストの色:カラーピッカーで選択するか、16進数コードを入力 |
| 不透明度 | テキストの透明度(100% で完全に表示) |
| 行の高さ | 行間のスペース |
| 書式 | 太字、斜体、下線、取り消し線、大文字 |
