Atrybut column-rule w CSS

Definicja i użycie

Atrybut columnRule jest atrybutem skróconym, który służy do ustawienia wszystkich atrybutów column-rule-*.

Atrybut columnRule ustawia szerokość, styl i kolor regulacji między kolumnami.

Zobacz również:

Kurs CSS3:Wielokolumny CSS3

Podręcznik HTML DOM:Atrybut columnRule

Przykład

Określ szerokość, styl i kolor regulacji między kolumnami:

div
{
column-rule:3px outset #ff00ff;
}

Spróbuj sam

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

Gramatyka CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Wartość atrybutu

Wartość Opis
column-rule-width Ustaw szerokość regulacji między kolumnami.
column-rule-style Ustaw styl regulacji między kolumnami.
column-rule-color Ustaw kolor regulacji między kolumnami.

Szczegóły techniczne

Domyślna wartość: średnia none black
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.columnRule="3px outset #ff00ff"

Więcej przykładów

Column-count
Podziel tekst w elemencie div na trzy kolumny.
Column-gap
Podziel tekst w elemencie div na trzy kolumny, z 30-pikselowym rozmiarem między nimi.

Wsparcie przeglądarek

Liczby w tabeli oznaczają 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ą przedrostka.

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