ギャップ (Gap)

行と列の間の溝(ガター)を定義します。

gap プロパティは、Flexbox および Grid レイアウトにおける行間、列間のギャップ(ガター)のサイズを定義します。これは CSS の row-gap と column-gap の短縮形で、Taffy では Size<LengthPercentage> として表現されます。

値

gap は width(列ギャップ)と height(行ギャップ)を持つ Size オブジェクトを受け取ります。通常はピクセルまたはパーセントで指定します。

プロパティ説明
width水平方向の列ギャップ。Row のアイテム間、または Column の折り返し列間。
height垂直方向の行ギャップ。Column のアイテム間、または Row の折り返し行間。

例

Loading Preview…

次のステップ

© 2026 ByteLand Technology Limited