Style outline-attribut

Definition och användning

outline Attribut ställs in eller returneras i en förkortad form för alla konturattribut.

Genom detta attribut kan du ställa in/returnera följande en eller flera (i vilken ordning som helst):

Kontur är en linje runt elementet. Den visas runt elementets marginaler. Men, den skiljer sig från border-attribut olika.

Kontur är inte en del av elementets storlek, så bredd- och höjdattributen innehåller inte konturens bredd.

Se också:

CSS教程:CSS kontur

CSS Referenshandbok:outline-attribut

Exempel

Exempel 1

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

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

Prova själv

Exempel 2

Ändra bredd, stil och färg på konturen för <div>-elementet:

document.getElementById("myDiv").style.outline = "5px dotted green";

Prova själv

Exempel 3

Returnerar outline-attributvärdet för <div>-elementet:

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

Prova själv

Syntaks

Returnera outline-attribut:

object.style.outline

Ställ in outline-attribut:

object.style.outline = "width style color|initial|inherit"

Attributvärde

Värde Beskrivning
width ställ in konturens bredd.
style ställ in konturens stil.
color ställ in konturens färg.
initial Sätt detta attribut till dess standardvärde. Se initial.
inherit Följer detta attribut från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: medium none invert
Returvärde: en sträng som representerar elementets kontur bredd, stil och/eller färg.
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