CSS grid-column-gap ominaisuus

Määrittely ja käyttö

grid-column-gap ominaisuus määrittää ruudukkoasennuksessa sarakevälin mitan.

Katso myös:

CSS oppitunti:CSS ruudukkoasennus

CSS viittausopas:grip-gap ominaisuus

CSS viittausopas:grip-row-gap ominaisuus

Esimerkki

Aseta sarakeväli 50 pikseliin:

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

Kokeile itse

CSS-kieli

grid-column-gap: length;

Ominaisuusarvo

Arvo Kuvaus
length Mikä tahansa laillinen pituusarvo, kuten pikseli tai prosentti. Oletusarvo on 0. Katso:Pituusyksikkö.

Tekninen yksityiskohta

Oletusarvo: 0
Perintä: Ei
Animaation tekijä: Tuki. Katso:Animaatiot.
Versio: CSS Grid Layout Module Level 1
JavaScript-kieli: object.style.gridColumnGap="50px"

Selaimen tuki

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

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