Atrybut column-gap w CSS

Definicja i użycie

Atrybut column-gap określa odstęp między kolumnami.

Uwaga:Jeśli między kolumnami ustawiono column-rule, która będzie wyświetlana w środku odstępu.

Zobacz również:

Kurs CSS3:Wielokolumny CSS3

Podręcznik HTML DOM:Atrybut columnGap

Przykład

Określa odstęp między kolumnami na 40 pikseli:

div {
  column-gap: 40px;
}

Spróbuj sam

Więcej przykładów znajduje się na dole strony.

Gramatyka CSS

column-gap: length|normal;

Wartość atrybutu

Wartość Opis Test
length Ustawia odstęp między kolumnami na określoną długość. Test
normal Określa odstęp między kolumnami jako zwyczajny odstęp. Wartość zalecana przez W3C to 1em. Test

Szczegóły techniczne

Domyślna wartość: normal
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.columnGap="40px"

Więcej przykładów

Column-count
Dzieli tekst w elemencie div na trzy kolumny.
Column-rule
Określa szerokość, styl i kolor między kolumnami.

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z przedrostkami -webkit- lub -moz- oznaczają pierwszą wersję używającą prefiksu.

właściwości Chrome IE / Edge Firefox Safari Opera
w wielu kolumnach 50 10 52 10 37
w siatce 66 16 61 12 53
w ramce elastycznej 84 84 63 14.1 70