Style outlineStyle egenskab

Definition og brug

outlineStyle Egenskaben indstiller eller returnerer stilen omkring elementets kant.

Kanten er en linje omkring elementet. Den vises omkring elementets margin. Men den adskiller sig fra kantegenskaberne.

Kanten er ikke en del af elementets størrelse, så bredden og højden på elementets egenskaber inkluderer ikke kantens bredde.

另请参阅：

Se også:CSS kontur

CSS tutorial:CSS reference manual:

outline-style egenskabHTML DOM reference manual:

outline egenskab

Eksempel

Eksempel 1

Ændr <div>-elementets kontur stil:

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

Tilføj en solid kontur omkring <div>-elementet:

Eksempel 2

Ændr <div>-elementets kontur stil:

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

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

Eksempel 3

Returner <div>-elementets kontur stil:

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

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

Eksempel 4

For alle forskellige værdiers demonstration:
var listValue = selectTag.options[selectTag.selectedIndex].text;

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

Prøv det selv

syntaks

Indstil outlineStyle egenskab:Returner outlineStyle egenskab:

.style.outlineStyle

Indstil outlineStyle egenskab:object .style.outlineStyle =

value

egenskabsværdi værdi
none beskrivelse
Standard. Definerer ingen kontur. hidden
Konturen er lukket. dotted
Definerer en punktkontur. dashed
Definerer en gestripped kontur. solid
Definerer en solid kontur. double Definerer dobbelt kontur. Bredden af dobbelt linjen svarer til outline-width
værdier. Definerer 3D indhugget skål kontur. Definerer 3D indhugget skål kontur. Effekten afhænger af outline-color værdier.
ridge Definerer 3D bølget skål kontur. Effekten afhænger af outline-color værdier.
inset Definerer 3D indhugget kontur. Effekten afhænger af outline-color værdier.
outset Definerer 3D bølget kontur. Effekten afhænger af outline-color værdier.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arve denne egenskab fra sin forældrelement. Se inherit.

Tekniske detaljer

Standardværdi: none
Returværdi: En streng, der angiver elementets kontur stil.
CSS version: CSS2

Browser understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporteret Supporteret Supporteret Supporteret Supporteret