Własność CSS column-rule-style określa rodzaj linii rozdzielającej kolumny w układzie wielokolumnowym CSS.
Wartości i składnia
Własność column-rule-style jako wartość przyjmuje dokładnie takie same wartości, jak własność border-style ustawiająca właściwości krawędzi obramowania elementów HTML.
none- Brak linii
hidden- Brak linii
dotted- Linia przerywana z kropek
dashed- Linia przerywana z kresek
solid- Linia ciągła
double- Linia podwójna
groove- Linia cieniowana, wyglądająca na wklęsłą
ridge- Linia cieniowana, odwrotność
groove inset- Linia wygląda jakby była wtopiona
outset- Linia wygląda, jakby była wypukła
Szczegółowy opis tych wartości wraz z przykładami i ilustracjami znajduje się na stronie poświęconej własności border-style.
Przykłady
W poniższym przykładzie między kolumnami układu wielokolumnowego CSS pojawi się zielona ciągła linia.
div {
columns: 16em;
column-rule-style: solid;
column-rule-color: green;
column-rule-width: 3px;
}
Podsumowanie
| Zastosowanie | Kontenery wielokolumnowe |
|---|---|
| Obsługiwane wartości | Takie same, jak własności border-style |
| Wartość początkowa | none |
| Dziedziczenie | Nie |
| Specyfikacja CSS | CSS Multi-column Layout Module Level 1, column-rule-style |
