Atrybut stylu outlineStyle

Definicja i użycie

outlineStyle Ustawienia atrybutu lub zwracanie stylu otaczającego element.

Kontur to linia otaczająca element. Wyświetla się wokół marginesu elementu. Jednak różni się od atrybutu ramki.

Kontur nie jest częścią wymiarów elementu, więc szerokość i wysokość atrybutów elementu nie zawierają szerokości konturu.

另请参阅：

CSS 教程：Kontur CSS

patrz również:tutorial CSS

podręcznik CSSatrybut outline-style

HTML DOM podręcznik

atrybut outline

przykład

przykład 2

document.getElementById("myDiv").style.outlineStyle = listValue;

przykład 1

dodanie solidnego konturu wokół elementu <div>:

przykład 2

document.getElementById("myDiv").style.outlineStyle = listValue;

zmiana stylu konturu elementu <div>:

przykład 3

zwrócenie stylu konturu elementu <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

alert(document.getElementById("myDiv").style.outlineStyle);

przykład 4

demonstracja dla wszystkich różnych wartości:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

spróbuj sam

gramatyka

ustawienie atrybutu outlineStyle:zwrócenie atrybutu outlineStyle:

.style.outlineStyle

ustawienie atrybutu outlineStyle:obiekt .style.outlineStyle =

value

wartość atrybutu wartość
none opis
domyślny. Definiuje brak konturu. ukryty
kontur jest zamknięty. dotted
definiuje kontur z kroczkami. dashed
definiuje kontur z przerywaną linią. solid
definiuje kontur z jedną linią. double definiuje kontur z dwoma liniami. Szerokość linii jest równa: outline-width
wartości. definiuje 3D wklęsły szczyt konturu. Definiuje 3D wklęsły szczyt konturu. Efekt zależy od: outline-color wartości.
ridge definiuje 3D wypukły szczyt konturu. Definiuje 3D wypukły szczyt konturu. Efekt zależy od: outline-color wartości.
inset definiuje 3D wklęsły kontur. Efekt zależy od: outline-color wartości.
outset definiuje 3D wypukły kontur. Efekt zależy od: outline-color wartości.
initial ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

szczegóły techniczne

domyślna wartość: none
wartość zwracana: ciąg znaków, który reprezentuje styl konturu elementu.
wersja CSS: CSS2

obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
wsparcie wsparcie wsparcie wsparcie wsparcie