Zarys stylu Właściwość
Przykład
Dodaj kontur wokół elementu <div>:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Definicja i użycie
Właściwość konturu ustawia lub zwraca wszystkie właściwości konturu w skróconej formie.
Za pomocą tej właściwości możesz ustawić/zwrócić jedno lub więcej z poniższych (w dowolnej kolejności):
- szerokość obrysu
- styl konturowy
- kolor konturu
Kontur to linia wokół elementu. Jest wyświetlany wokół marginesu elementu. Różni się jednak od nieruchomości granicznych.
Kontur nie jest częścią wymiarów elementu, dlatego właściwości width i height elementu nie zawierają szerokości konturu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość konspektu:
object.style.outline
Ustaw właściwość konspektu:
object.style.outline = "width style color|initial|inherit"
Wartości nieruchomości
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets 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 |
Szczegóły techniczne
Domyślna wartość: | średni brak odwrócony |
---|---|
Wartość zwrotu: | String, reprezentujący szerokość konturu, styl i/lub kolor elementu |
Wersja CSS | CSS2 |
Więcej przykładów
Przykład
Zmień szerokość, styl i kolor obrysu elementu <div>:
document.getElementById("myDiv").style.outline = "5px dotted green";
Przykład
Zwróć wartości właściwości konspektu elementu <div>:
alert(document.getElementById("myDiv").style.outline);
Powiązane strony
Samouczek CSS: zarys CSS
Odniesienie CSS: właściwość konspektu
❮ Obiekt stylu