レイアウト – 行

コンテンツ領域のコンテナと幅に関連して、背景色や背景画像がどのように表示されるかを決定するには、次の整列を選択します。

行の​ Minimum Height ​を入力します。 この値は、有効なCSS単位（100px、50%、50em、100vhなど）または計算（100vh - 237pxなど）を含む数値にできます。

例えば、行の最小の高さを設定して、ページ全体の高さを伸ばすことができ、ページ全体の背景画像やビデオに対して魅力的なオプションを提供します。

行に追加されたコンテンツコンテナ（上、中央、下）を整列させるには、Vertical Alignment​設定を選択します。

Background Image – 必要に応じて、提供されたツールを使用して、行に適用する背景画像を選択します。

table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
オプション	説明
Upload	ローカルコンピューターからギャラリーに画像ファイルをアップロードし、それを行の背景画像として適用します。
Select from Gallery	行の背景画像として、ギャラリーから既存の画像を選択するよう求めるプロンプトが表示されます。
{width="25"}	画像をカメラタイルにドラッグするか、ローカルファイルシステムで画像を参照できます。

Background Mobile Image – 必要に応じて、同じツールを使用して、モバイルデバイスでの表示に使用する異なる背景画像を選択します。

Background Size – このオプションを設定すると、行の幅に対して背景画像がどのように拡大・縮小されるかを指定できます。

{width="250"}

Background Position – このオプションを設定して、行に対する背景画像のアンカー方法を決定します。

アンカーポイントは、指定した背景位置の行に画像を取り付けるプッシュピンのようなものです。

Background Attachment – 添付ファイルの種類を設定して、背景画像がスクロール ページに対してどのように移動するかを決定します。

Background Repeat – 行の空き容量を埋めるために背景画像を繰り返す場合は、Yesに設定します。

Video URL – 有効なビデオ URLを入力してください。 有効なビデオ URLは、次のリンクに設定できます。

• YouTube ビデオ：https://youtu.be/CoDhMRUUjeI
• Vimeo ビデオ：https://vimeo.com/190156113
• 有効なビデオファイル （.mp4をお勧めします）: https://myvideos.com/spiral.mp4

{width="300"}

Overlay Color – 色を選択して、ビデオに透明な色合いを適用します。

Infinite Loop - ビデオを1回再生して停止するには、Noに設定します。 このオプションをYes （デフォルト）に設定すると、ビデオは無限ループで繰り返されます。

Lazy Load - Noに設定すると、表示されていない場合でも、ページでビデオが読み込まれます。 このオプションがYes （デフォルト）に設定されている場合、ビデオは画面に表示されている場合にのみソースから読み込まれます。

Play Only When Visible - ビデオが読み込まれた直後から、表示されているかどうかに関係なくビデオの再生を開始するには、Noに設定します。 このオプションがYes （デフォルト）に設定されている場合、ビデオは表示されているときにのみ再生を開始します。

Fallback Image – 必要に応じて、ビデオが読み込まれる前に画面に表示する画像を指定し、何らかの理由でビデオが読み込まれない場合は、画像を指定します。

行に追加されるコンテンツコンテナの水平方向の配置を制御するには、Alignment​を選択します。

行コンテナのすべての4つの側面に適用される​Border スタイルを設定します。

None以外の境界線スタイルを設定する場合は、境界線の表示オプションを完了します。

{width="600" modal="regular"}

次の例の行の境界線の半径は15です。

{width="500"}の行

（オプション）現在のスタイルシートから​ CSS classes ​の名前を指定して、行コンテナに適用します。

複数のクラス名はスペースで区切ります。

Margins and Padding​の値をピクセル単位で入力して、行の外側の余白と内側の余白を指定します。

行コンテナダイアグラムに対応する各値を入力します。

{width="600" modal="regular"}