CSS grid-row-gap 属性

Pagsasagawa at paglalarawan

Ang grid-row-gap katangian ay nag-definir ng laki ng space sa pagitan ng mga hilera sa grid layout.

Maaari mong basahin pa:

CSS Tutorial:CSS Grid Layout

CSS Tagalog Manual:grip-gap katangian

CSS Tagalog Manual:grip-column-gap katangian

Halimbawa

I-set ang space sa hilera sa 50 pixel:

.grid-container {
  grid-row-gap: 50px;
}

Subukan ang iyong sarili

Grammar ng CSS

grid-row-gap: length;

Halaga ng katangian

Halaga Paglalarawan
length Anumang lehitimong halaga ng haba. Halimbawa, pixel o porsyento. Ang default ay 0.

Detalye ng Teknolohiya

Default Value: 0
Inherited: Hindi
Gawa ng animasyon: Suportado. Mangyaring basahin:Ating katangian ng animasyon.
Bersyon: CSS Grid Layout Module Level 1
Grammar ng JavaScript: object.style.gridRowGap="50px"

Suporta ng Browser

Ang mga numero sa talahanayan ay nagpapahiwatig ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44