CSS border egenskap

Definition och användning

border-kortformegenskapen sätter alla kantegenskaper i en deklaration.

Man kan sätta följande egenskaper i följd:

Om man inte sätter ett värde på någon av dem, kommer det inte att vara ett problem, till exempel är border:solid #ff0000; också tillåtet.

Se också:

CSS-lärord:CSS kanter

HTML DOM referenshandbok:border-egenskapen

Exempel

Ställ in stilen för 4 kanter:

p
  {
  border:5px solid red;
  }

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
border-width Specificerar kantens bredd. Se:border-width mögliga värden.
border-style Specificerar kantens stil. Se:border-style mögliga värden.
border-color Specificerar kantens färg. Se:border-color mögliga värden.
inherit Det specificeras att kantegenskapens inställningar ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvbarhet: no
Version: CSS1
JavaScript-syntax: object.style.border="3px solid blue"

Mer exempel

Alla kantegenskaper i en deklaration
Detta exempel visar hur man använder förkortade egenskaper för att sätta alla fyra kantegenskaper i samma deklaration.

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som helt stöder egenskapen.

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