Przykład
Dodaj "solid" kontur wokół <div> element:
document.getElementById("myDiv").style.outlineStyle = "solid";
Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności outlineStyle lub zwraca styl obrysu wokół elementu.
Zarys to linia wokół elementu. Jest on wyświetlany na całym marginesu elementu. Jednak różni się ona od nieruchomości granicznej.
Zarys nie jest częścią wymiarów elementu, zatem szerokość i wysokość właściwości elementu nie zawierają szerokość konturu.
Wsparcie przeglądarka
Nieruchomość outlineStyle jest dostępna we wszystkich głównych przeglądarkach.
Note: Właściwość outlineStyle nie jest obsługiwana w IE7 i wcześniej. IE8 wymaga! DOCTYPE. IE9 i później ją wspierać.
Składnia
Zwraca właściwość outlineStyle:
object .style.outlineStyle
Ustaw właściwość outlineStyle:
object .style.outlineStyle= value
wartości nieruchomości
Wartość | Opis |
---|---|
none | Nie określa kontur. Jest to domyślny |
hidden | Zarys jest wyłączony |
dotted | Definiuje linią przerywaną |
dashed | Definiuje przerywaną zarys |
solid | Definiuje stałe zarys |
double | Definiuje podwójne kontury |
groove | Definiuje 3D rowkowane kontur. Efekt zależy od wartości Zarys kolorów |
ridge | Definiuje 3D prążkowane kontur. Efekt zależy od wartości Zarys kolorów |
inset | Definiuje kontur 3D wstawka. Efekt zależy od wartości Zarys kolorów |
outset | Definiuje 3D wstępie zarys. Efekt zależy od wartości Zarys kolorów |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
Domyślna wartość: | Żaden |
---|---|
Zwracana wartość: | Ciąg reprezentujący styl obrysu elementu za |
Wersja CSS | CSS2 |
Więcej przykładów
Przykład
Zmień styl zarys <div> element:
document.getElementById("myDiv").style.outlineStyle = "solid";
Spróbuj sam " Przykład
Zwraca styl zarys <div> element:
alert(document.getElementById("myDiv").style.outlineStyle);
Spróbuj sam " Przykład
Demonstracja wszystkich różnych wartości:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Spróbuj sam " Podobne strony
Kurs CSS: CSS Outline
Odniesienie CSS: outline-style property
Odniesienia HTML DOM: outline property
<Style obiektu