Własność CSS column-rule-style

> Dodaj do ulubionych

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

ZastosowanieKontenery wielokolumnowe
Obsługiwane wartościTakie same, jak własności border-style
Wartość początkowanone
DziedziczenieNie
Specyfikacja CSSCSS Multi-column Layout Module Level 1, column-rule-style
Jajko z dzwonkiem

Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.