Atrybut column-width w CSS

Definicja i użycie

Property column-width określa szerokość kolumn.

Zobacz również:

CSS3 Tutorial:Wielokolumny w CSS3

HTML DOM Reference Manual:columnWidth property

Przykład

Określa szerokość kolumn:

div
{
column-width:100px;
}

Spróbuj sam

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

CSS syntax

column-width: auto|length;

Wartość atrybutu

Wartość Opis Test
auto Szerokość kolumn jest określana przez przeglądarkę. Test
length Określa szerokość kolumn. Test

Techniczne szczegóły

Domyślna wartość: auto
Inheredance: no
Wersja: CSS3
JavaScript syntax: object.style.columnWidth="100px"

Więcej przykładów

Column-count
Podziela tekst w elemencie div na trzy kolumny.
Column-gap
Podziela tekst w elemencie div na trzy kolumny, z 30-pikselowym odstępem między nimi.
Column-rule
Określa szerokość, styl i kolor kolumn.

Wsparcie przeglądarki

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

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

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0