Style border egenskap

Definition och användning

border Egenskaper ställs in eller returneras i kortform för högst tre enskilda kantegenskaper.

Genom denna egenskap kan du ställa in/returnera följande en eller flera (i valfritt ordning):

Se också:

CSS Tutorial:CSS-ramar

CSS Referenshandbok:border-egenskap

Exempel

Exempel 1

Lägg till kant till <div>-elementet:

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

Prova själv

Exempel 2

Ändra <div>-elementets kantens bredd, stil och färg:

document.getElementById("myDiv").style.border = "thin dotted red";

Prova själv

Exempel 3

Returnera <div>-elementets border-egenskapsvärde:

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

Prova själv

Syntax

Returnera border-egenskapen:

object.style.border

Ställ in border-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
width Ställ in kantens bredd.
style Ställ in kantens stil.
color Ställ in kantens färg.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: Inte specificerat.
Returvärde: Sträng som anger elementets kantbredd, stil och/eller färg.
CSS-version: CSS1

Webbläsarstöd

border är en CSS1 (1996) egenskap.

Alla webbläsare stöder det fullständigt:

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