Zarys CSS Właściwość
Przykład
Ustaw kontur wokół elementu <h2> i elementu <div>:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
Definicja i użycie
Kontur to linia narysowana wokół elementów, poza granicami, aby element „wyróżniał się”.
Właściwość outline
jest skróconą własnością dla:
- szerokość obrysu
- styl konturowy (wymagane)
- kolor konturu
Jeśli kolor konturu zostanie pominięty, zastosowany kolor będzie kolorem tekstu.
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.
Domyślna wartość: | średni odwrócony kolor |
---|---|
Dziedziczny: | nie |
Animowalny: | tak, zobacz poszczególne właściwości . Przeczytaj o animacji |
Wersja: | CSS2 |
Składnia JavaScript: | object .style.outline="#0000FF przerywana 5px" |
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 | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Składnia CSS
outline: outline-width outline-style outline-color|initial|inherit;
Wartości nieruchomości
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Powiązane strony
Samouczek CSS: zarys CSS
Dokumentacja HTML DOM: właściwość konspektu