logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

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

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

Właściwość column-rule-style definiuje styl linii oddzielających poszczególne kolumny.

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

-
Wartość Opis
none Nie określa żadnych linii. Domyślna wartość.
hidden Styl linii jest ukryty.
dashed Definiuje linię kropkowaną pomiędzy kolumnami.
solid Definiuje linię przerywaną między kolumnami.
double Definiuje linię podwójną pomiędzy kolumnami.
groove Określa linię rowkowaną 3D. Efekt zależy od szerokości i wartości kolorów
ridge Określa linię prążkowaną 3D. Efekt zależy od szerokości i wartości kolorów.
inset Określa linię 3D. Efekt zależy od szerokości i wartości kolorów.
outset Określa linię 3D. Efekt zależy od szerokości i wartości kolorów.
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-style

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

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

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ść chrome edge firefox safari opera
column-rule-style 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-style

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

Właściwość CSS:
column-rule-style:

 
Rezultat:
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
Kod CSS:
div {
    column-count:3;
column-rule-style:none;
column-rule-width:3px;
}
 

 

Przykłady właściwości column-rule-style

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00