Najnowsze tutoriale tworzenie stron internetowych
 

Style outlineStyle Property

<Style obiektu

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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