CSS border egenskab

Definition og brug

border-kortformse egenskaber sætter alle kantegenskaber i én erklæring.

Man kan angive følgende egenskaber i rækkefølge:

Hvis man ikke angiver en værdi, vil det ikke være et problem, f.eks. border:solid #ff0000; er også tilladt.

Se også:

CSS tutorial:CSS kant

HTML DOM reference manual:border-egenskaben

Eksempel

Indstil stilen for fire kanter:

p
  {
  border:5px solid red;
  }

Prøv det selv

CSS-syntaks

border: border-width border-style border-color|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
border-width Angiver kantens bredde. Se også:border-width mulige værdier.
border-style Angiver kantens stil. Se også:border-style mulige værdier.
border-color Angiver kantens farve. Se også:border-color mulige værdier.
inherit Regler, at kantegenskabsindstillingen skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nej
Version: CSS1
JavaScript-syntaks: object.style.border="3px solid blue"

Flere eksempler

Alle kantegenskaber i én erklæring
Dette eksempel viser, hvordan man bruger kortformse egenskaber til at sætte alle fire kantegenskaber i én erklæring.

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5