Atrybut column-rule-style w CSS

Definicja i użycie

Atrybut columnRuleStyle określa reguły stylu między kolumnami.

Zobacz również:

Tutorial CSS3:Wielokolumny w CSS3

Podręcznik HTML DOM:Atrybut columnRuleStyle

Przykład

Ustawienie reguły koloru między kolumnami:

div {
  column-rule-style: dotted;
}

Spróbuj sam

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

Gramatyka CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Wartość atrybutu

Wartość Opis Test
brak Definiuje brak linii. Test
hidden Definiuje reguły ukrytej linii. Test
dotted Definiuje reguły kroplowej linii. Test
dashed Definiuje reguły przerywanej linii. Test
solid Definiuje reguły pełnej linii. Test
double Definiuje reguły podwójnej linii. Test
groove Definiuje reguły 3D grooved. Efekt zależy od wartości szerokości i koloru. Test
ridge Definiuje reguły 3D ridged. Efekt zależy od wartości szerokości i koloru. Test
inset Definiuje reguły 3D inset. Efekt zależy od wartości szerokości i koloru. Test
outset Definiuje reguły 3D outset. Efekt zależy od wartości szerokości i koloru. Test

Szczegóły techniczne

Domyślna wartość: brak
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.columnRuleStyle="dotted"

Więcej przykładów

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

Obsługa przeglądarek

Liczby w tabeli podają pierwszą wersję przeglądarki, która obsługuje pełną funkcjonalność atrybutu.

Liczby z -webkit- lub -moz- wskazują na pierwszą wersję z przedrostkiem.

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