row-gap プロパティ
row-gap プロパティは、縦方向のエレメントどうしの間隔を指定する CSS プロパティです。 ギャップ値は CSS の長さで指定します。
row-gap プロパティは親エレメントに指定します。
div#over {
display: flex;
flex-wrap: wrap;
row-gap: 3em;
}
詳しくはExampleを参照してください
上記の例はエレメントを行列に並べることができる display: flex; を例として使用しています。
display: flex; といったレイアウトにおいて機能するようです。
横方向の間隔を指定するには column-gap プロパティを使用します。row-gap と column-gap は gap プロパティによって一括で指定できます。
ページ内 Index
構文(Syntax)
CSS
row-gap: normal | length | initial | inherit ;
DOM ( JavaScript )
String = object.style.rowGap;
object.style.rowGap=" normal | length | initial | inherit ";
値（Values）
以下は row-gap プロパティに指定できる値です。
| Value | 摘要 |
|---|---|
| normal | 初期値（default値） |
| length | CSS の長さ |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
値には % （パーセント）を指定することもできます。% のときは親エレメントの高さに比例します。
備考（Remarks）
| 初期値（Default value） | normal |
| 継承（Inherited） | No |
| 変化（Animatable） | Yes |
Example
row-gap プロパティの例です。
row-gap プロパティは、縦方向のエレメントどうしの間隔を指定します。
以下の例では、エレメントのを横と縦に並べるために display: flex; を使用しています。