Atrybut column-rule-width w CSS

Definicja i użycie

column-rule-width właściwość określa reguły szerokości między kolumnami.

Zobacz również:

CSS3 Tutorial:Wielokolumny w CSS3

HTML DOM Reference Manual:columnRuleWidth właściwość

Przykład

Ustaw reguły koloru między kolumnami:

div {
  column-rule-width: 10px;
}

Spróbuj sam

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

CSS syntax

column-rule-width: thin|medium|thick|length;

Wartość atrybutu

Wartość Opis Test
thin Definiuje cienką szerokość. Test
medium Definiuje średnią szerokość. Test
thick Definiuje szerokość linii. Test
length Określa szerokość linii. Test

Techniczne szczegóły

Domyślna wartość: medium
Inheritance: no
Wersja: CSS3
JavaScript syntax: object.style.columnRuleWidth="thin"

Więcej przykładów

Column-count
Podzieli tekst w elemencie div na trzy kolumny.
Column-gap
Podzieli tekst w elemencie div na trzy kolumny, z 30-pikselową przerwą między nimi.
Column-rule
Określa szerokość, styl i kolor pomiędzy kolumnami.

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 -webkit- lub -moz- oznaczają pierwszą wersję używającą prefiksu.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1