概要 #
レイアウトは、オブジェクトの見た目や配置バランスを整えるための設定項目です。
横幅や高さ、余白(マージン・パディング)、位置揃え、重なり順(Z-index)などを調整することで、各オブジェクトの表示を最適化し、ページ全体のデザイン性や操作性を向上させます。
レイアウトの設定説明 #
レイアウトの設定では、要素の余白やサイズ、位置、重なり順などを細かく調整できます。以下の項目があります:
- ① Margin & Padding
要素の外側(マージン)と内側(パディング)の余白をピクセル単位で調整できます。「個別設定」をオンにすると、上下左右を別々に設定できます。 - ② 横幅
要素の横幅を固定値・最小値・最大値で指定できます。単位pxか%が選べます。 - ③ 高さ
要素の高さを固定または最小・最大で設定できます。こちらも単位を選択可能です。 - ④ 水平方向
要素内のコンテンツの横方向の配置(左寄せ・中央・右寄せ)を指定できます。 - ⑤ 垂直方向
要素内のコンテンツの縦方向の配置(上・中央・下)を選べます。 - ⑥ Z-index
他のオブジェクトとの重なり順を指定します。数値が大きいほど上に表示されます。