Style outlineStyle-egenskapen

Definition och användning

outlineStyle Egenskapen ställer in eller returnerar stilen för konturen runt elementet.

Konturen är en linje runt elementet. Den visas runt elementets marginaler. Men den skiljer sig från ramegenskapen.

Konturen är inte en del av elementets dimensioner, så bredden och höjden på elementets egenskaper innehåller inte konturens bredd.

另请参阅：

Se också:CSS kontur

CSS tutorial:CSS referenshandbok:

outline-style-attributHTML DOM referenshandbok:

outline-attribut

Exempel

Exempel 1

Ändra kontursstilen för <div>-elementet:

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

Lägg till en solid kontur runt <div>-elementet:

Exempel 2

Ändra kontursstilen för <div>-elementet:

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

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

Exempel 3

Returnera kontursstilen för <div>-elementet:

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

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

Exempel 4

Alla olika värden demonstreras:
var listValue = selectTag.options[selectTag.selectedIndex].text;

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

Prova själv

Syntax

Ställ in outlineStyle-attribut:Returnera outlineStyle-attribut:

.style.outlineStyle

Ställ in outlineStyle-attribut:object .style.outlineStyle =

value

Attributvärde Värde
none Beskrivning
Standard. Definierar ingen kontur. hidden
Konturen är stängd. dotted
Definierar en punkt-punkt kontur. dashed
Definierar en punktlinje kontur. solid
Definierar en solid kontur. double Definierar dobbel kontur. Bredden på dobbeln är lika med outline-width
värden. Definierar 3D koncav skåra kontur. Definierar 3D koncav skåra kontur. Effekten beror på outline-color värden.
ridge Definierar 3D konvex skåra kontur. Effekten beror på outline-color värden.
inset Definierar 3D koncav kontur. Effekten beror på outline-color värden.
outset Definierar 3D konvex kontur. Effekten beror på outline-color värden.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheriterar denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: none
Returvärde: En sträng som representerar elementets kontursstil.
CSS-version: CSS2

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer