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 |