CSS column-gap ominaisuus

Määritelmä ja käyttö

column-gap-ominaisuus määrittää sarakkeiden välistä etäisyyden.

Huomautus:Jos sarakkeiden välistä on asetettu column-ruleSe näkyy etäisyyden keskellä.

Katso myös:

CSS3-opas:CSS3 monikolonna

HTML DOM -viittausoppikirja:columnGap-ominaisuus

Esimerkki

Määrittää sarakkeiden välistä etäisyydeksi 40 pixeliä:

div {
  column-gap: 40px;
}

Kokeile itse

Sivun alaosassa on lisää esimerkkejä.

CSS-syntax

column-gap: pituus|normal;

Ominaisuuden arvo

Arvo Kuvaus Testi
pituus Asettaa sarakkeiden välistä etäisyydeksi määritetyn pituuden. Testi
normal Määrittää sarakkeiden välistä etäisyydeksi yleisen etäisyyden. W3C:n suositeltu arvo on 1em. Testi

Tekninen yksityiskohta

Oletusarvo: normal
Perintä: ei
Versio: CSS3
JavaScript-syntax: object.style.columnGap="40px"

Lisää esimerkkejä

Column-count
Jaa div-elementin teksti kolmeen sarakkeeseen.
Column-rule
Määrittää sarakkeiden välistä leveyttä, tyyliä ja väriä.

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen selaimen versioon, joka tukee ominaisuutta täysin.

Luvut, jotka sisältävät -webkit- tai -moz-, viittaavat ensimmäiseen versioon, jossa etuliite käytetään.

Ominaisuudet Chrome IE / Edge Firefox Safari Opera
Useissa sarakkeissa 50 10 52 10 37
Verkkorakenteessa 66 16 61 12 53
Joustavassa kehyskehossa 84 84 63 14.1 70