CSS border-bredde egenskab

Definition og brug

border-width kortform egenskab sætter bredden for alle kanter på elementet, eller individuelt for hver kant.

Fungerer kun, når kantstilen ikke er none. Hvis kantstilen er none, nulstilles kantbredden faktisk til 0. Det er ikke tilladt at specificere negative længder.

Eksempel 1

border-width:thin medium thick 10px;
  • Top kant er en tynd kant
  • Højre kant er en mellemstor kant
  • Bund kant er en tyk kant
  • Venstre kant er en kant på 10px bred

Eksempel 2

border-width:thin medium thick;
  • Top kant er 10px bred
  • Højre kant og venstre kant er mellemstore kanter
  • Bund kant er en tyk kant

Eksempel 3

border-width:thin medium;
  • Top kant og bund kant er tynde kanter
  • Højre kant og venstre kant er mellemstore kanter

Eksempel 4

border-width:thin;
  • Alle 4 kanter er tynde kanter

Eksempel

Sæt bredden på alle fire kanter:

p
  {
  border-style:solid;
  border-width:15px;
  }

Prøv det selv

CSS syntaks

border-width: medium|thin|thick|length|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
thin Definerer en tynd kant.
medium Standard. Definerer en mellemstor kant.
thick Definerer en tyk kant.
length Lader dig tilpasse kantbredden.
inherit Definerer, at kantbredden skal arves fra forældrelementet.

Flere eksempler

Alle kantbredder i én erklæring
Dette eksempel viser, hvordan man bruger en kortform for at sætte alle kantbredder i samme erklæring.

Tekniske detaljer

Standardværdi: medium
Arv: no
Version: CSS1
JavaScript syntaks: object.style.borderWidth="thin thick"

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

Se også:

CSS Læringsguide:CSS kanter

HTML DOM Referencemanual:borderWidth egenskab