CSS grid-row-gap ominaisuus

Määrittely ja käyttö

grid-row-gap ominaisuus määrittelee ruudukkoasennuksessa rivi-intervallin kokoon.

Katso myös:

CSS opetusohjelma:CSS ruudukkoasennus

CSS viittomakirjagrip-gap ominaisuus

CSS viittomakirjagrip-column-gap ominaisuus

Esimerkki

Aseta rivi-intervalli 50 pikseliin:

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

Kokeile itse

CSS-kieli

grid-row-gap: length;

Omistusarvo

Arvo Kuvaus
length Mikä tahansa laillinen pituusarvo. Esimerkiksi pikseli tai prosentti. Oletusarvo on 0.

Tekninen yksityiskohta

Oletusarvo: 0
Perintä: Ei
Animaation tekijä: Tuki. Katso myös:Animaatiotutkimukset.
Versio: CSS Grid Layout Module Level 1
JavaScript-kieli: object.style.gridRowGap="50px"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta。

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