CSS grid-column-gap 属性

Paglilinaw at Paggamit

Ang grid-column-gap katangian ay nagbibigay ng sukat ng puwang ng kolumna sa grid layout.

Para sa iba pang pagkakatuturo:

CSS Tutorial:CSS Grid Layout

CSS Reference Manual:grip-gap katangian

CSS Reference Manual:grip-row-gap katangian

Halimbawa

I-set ang puwang ng kolumna sa 50 pixel:

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

Subukan Ngayon

Grammar ng CSS

grid-column-gap: length;

Halaga ng katangian

Halaga Paglalarawan
length Anumang legal na halaga ng haba, tulad ng pixel o porsyento. Ang default na halaga ay 0. Tingnan ang:Unit ng haba.

Detalye ng Teknolohiya

Default Value: 0
Inherits: Hindi
Gawa ng animasyon: Sumusuporta. Maaari mong makita sa:Mga katangian ng animasyon.
Bersyon: CSS Grid Layout Module Level 1
Grammar ng JavaScript: object.style.gridColumnGap="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