Stijl outlineStyle eigenschap

Definitie en gebruik

outlineStyle De eigenschap stelt in of retourneert de stijl van het profiel rond het element.

Het profiel is een lijn die om het element zit. Het wordt weergegeven rond de marges van het element. Maar het verschilt van het randkenneigenschap.

Het profiel is geen onderdeel van de elementgrootte, dus de breedte- en hoogte-eigenschappen van het element bevatten geen profielbreedte.

Zie ook:

Meer informatie:CSS outline

CSS handleiding:CSS referentiehandleiding:

outline-style-eigenschapHTML DOM referentiehandleiding:

outline-eigenschap

Voorbeeld

Voorbeeld 1

Wijzig de contourenstijl van het <div>-element:

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

Voeg een solide contouren om het <div>-element heen:

Voorbeeld 2

Wijzig de contourenstijl van het <div>-element:

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

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

Voorbeeld 3

Return de contourenstijl van het <div>-element:

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

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

Voorbeeld 4

Voor een demonstratie van alle verschillende waarden:
var listValue = selectTag.options[selectTag.selectedIndex].text;

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

Probeer het zelf uit

syntaxis

Stel de outlineStyle-eigenschap in:Return de outlineStyle-eigenschap:

.style.outlineStyle

Stel de outlineStyle-eigenschap in:object .style.outlineStyle =

value

eigenschapswaarde waarde
none beschrijving
Standaard. Definieert geen contouren. verborgen
De contouren zijn gesloten. dotted
Definieert een gepuncteerde lijncontouren. dashed
Definieert een gestippelde lijncontouren. solid
Definieert een doorlopende lijncontouren. double Definieert een dubbele lijncontouren. De breedte van de lijnen is gelijk aan outline-width
waarden. Definieert een 3D holle groefcontouren. Definieert een 3D holle groefcontouren. Dit effect hangt af van outline-color waarden.
ridge Definieert een 3D bolle groefcontouren. Dit effect hangt af van outline-color waarden.
inset Definieert een 3D holle randcontouren. Dit effect hangt af van outline-color waarden.
outset Definieert een 3D bolle randcontouren. Dit effect hangt af van outline-color waarden.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Erft deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: none
Terugwaarde: Een string die de stijl van de elementcontouren aangeeft.
CSS versie: CSS2

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning