Własność CSS column-rule-width

> Dodaj do ulubionych

Własność CSS column-rule-width określa grubość linii rozdzielającej kolumny w układzie wielokolumnowym CSS.

Wartości i składnia

Własność column-rule-width jako wartość przyjmuje jedno z następujących trzech słów kluczowych lub liczbę z jednostką długości.

thin
Linia cienka (równoważne z 1px)
medium
Linia średnia (równoważne z 3px)
thick
Linia gruba (równoważne z 5px)
Liczba z jednostką długości CSS
Liczba z dowolną jednostką długości obsługiwaną przez CSS. Wartości ujemne są niedozwolone.

Przykłady

W poniższym przykładzie między kolumnami układu wielokolumnowego CSS pojawi się zielona ciągła linia o grubości 3 pikseli.


div {
  columns: 16em;
  column-rule-style: solid;
  column-rule-color: green;
  column-rule-width: 3px;
}

Podsumowanie

ZastosowanieKontenery wielokolumnowe
Obsługiwane wartościSłowa kluczowe thin, medium i thick oraz Liczba z jednostką długości CSS
Wartość początkowamedium
DziedziczenieNie
Specyfikacja CSSCSS Multi-column Layout Module Level 1, column-rule-width
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.