Właściwość CSS column-rule-width

Definicja stylu, przeznaczenie i użycie column-rule-width

Właściwość column-rule-width definiuje grubość linii oddzielającej poszczególne kolumny.

Wartości właściwości column-rule-width

Wartość	Opis
medium	Określa średnią grubość linii pomiędzy kolumnami. Domyślna wartość.
thin	Definiuje cienką linię pomiędzy kolumnami.
thick	Definiuje grubą linię między kolumnami.
length	Określa szerokość linii oddzielajacej poszczególne kolumny.
initial	Ustawia tę właściwość na jej wartość domyślną.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS column-rule-width

Wsparcie przeglądarek dla właściwości column-rule-width

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit-, -moz- określa pierwszą wersję, która działała z prefiksem.

Właściwość
column-rule-width	50.0 4.0 -webkit-	10.0	52.0 2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit

Przykładowe zastosowania z właściwością column-rule-width

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Result:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui.

Kod CSS:

div {
    column-count:3;
    column-rule-style:solid;
    column-rule-width:medium;
}