Właściwość szerokości konturu CSS
Przykład
Ustaw szerokość konturu:
div {outline-width: thick;}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Kontur to linia narysowana wokół elementów, poza granicami, aby element „wyróżniał się”.
outline-widthOkreśla szerokość konturu .
Uwaga: Zawsze deklaruj właściwość stylu konturu przed
outline-widthwłaściwością. Element musi mieć kontur, zanim zmienisz jego szerokość.
| Domyślna wartość: | średni |
|---|---|
| Dziedziczny: | nie |
| Animowalny: | tak, zobacz poszczególne właściwości . Przeczytaj o animacji |
| Wersja: | CSS2 |
| Składnia JavaScript: | obiekt .style.outlineWidth="12px" |
Wskazówki i uwagi
Uwaga: kontury różnią się od ramek ! W przeciwieństwie do obramowania kontur jest rysowany poza obramowaniem elementu i może nakładać się na inną zawartość. Ponadto kontur NIE jest częścią wymiarów elementu; szerokość konturu nie ma wpływu na całkowitą szerokość i wysokość elementu.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Property | |||||
|---|---|---|---|---|---|
| outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Składnia CSS
outline-width: medium|thin|thick|length|initial|inherit;
Wartości nieruchomości
| Value | Description | Play it |
|---|---|---|
| medium | Specifies a medium outline. This is default | |
| thin | Specifies a thin outline | |
| thick | Specifies a thick outline | |
| length | Allows you to define the thickness of the outline. Read about length units | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Więcej przykładów
Przykład
Ustaw szerokość konturu na średnią (jest to ustawienie domyślne):
div {outline-width: medium;}
Przykład
Ustaw szerokość konturu na cienki:
div {outline-width: thin;}
Przykład
Ustaw szerokość konturu na 1px:
div {outline-width: 1px;}
Przykład
Ustaw szerokość konturu na 15px:
div {outline-width: 15px;}
Powiązane strony
Samouczek CSS: zarys CSS
Odniesienie CSS: właściwość konspektu
Odniesienie HTML DOM: właściwość outlineWidth