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
Zastosowanie | Kontenery wielokolumnowe |
---|---|
Obsługiwane wartości | Słowa kluczowe thin , medium i thick oraz Liczba z jednostką długości CSS |
Wartość początkowa | medium |
Dziedziczenie | Nie |
Specyfikacja CSS | CSS Multi-column Layout Module Level 1, column-rule-width |