Zarys styluWłaściwość stylu
Przykład
Dodaj „solidny” kontur wokół elementu <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Definicja i użycie
Właściwość outlineStyle ustawia lub zwraca styl konturu wokół elementu.
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 | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość outlineStyle :
object.style.outlineStyle
Ustaw właściwość outlineStyle:
object.style.outlineStyle = value
Wartości nieruchomości
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
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ść: | Żaden |
---|---|
Wartość zwrotu: | String, reprezentujący styl konturu elementu |
Wersja CSS | CSS2 |
Więcej przykładów
Przykład
Zmień styl konturu elementu <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Przykład
Zwróć styl konturu elementu <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Przykład
Demonstracja wszystkich różnych wartości:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Powiązane strony
Samouczek CSS: zarys CSS
Odniesienie CSS: właściwość w stylu konspektu
Dokumentacja HTML DOM: właściwość konspektu
❮ Obiekt stylu