CSS border-width egenskap

Definition och användning

border-width-förkortningsegenskapen sätter bredden för alla kanter på elementet, eller sätter enskilt bredden för varje kant.

Fungerar endast när kantstilen inte är none. Om kantstilen är none, återställs kantbredden faktiskt till 0. Det är inte tillåtet att specificera negativa längdvärden.

Exempel 1

border-width:thin medium thick 10px;
  • Överkanten är en tunn kant
  • Höger kant är en medelkant
  • Underkanten är en tjock kant
  • Vänster kant är en kant med 10px bredd

Exempel 2

border-width:thin medium thick;
  • Överkanten är 10px
  • Höger kant och vänster kant är medelkant
  • Underkanten är en tjock kant

Exempel 3

border-width:thin medium;
  • Överkant och underkant är tunna kanter
  • Höger kant och vänster kant är medelkant

Exempel 4

border-width:thin;
  • Alla fyra kanter är tunna kanter

Exempel

Ställ in bredden för alla fyra kanter:

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

Prova själv

CSS Syntax

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

Egenskapsvärde

Värde Beskrivning
thin Definiera en tunn kant.
medium Standard. Definiera en中等kant.
thick Definiera tjock kant.
length Låter dig anpassa kantens bredd.
inherit Definiera att kantbredden ska varavererad från föräldrelementet.

Mer exempel

Alla kantbreddsegenskaper i en deklaration
Detta exempel visar hur man använder en förkortad egenskap för att sätta alla kantbreddar i samma deklaration.

Tekniska detaljer

Standardvärde: medium
Arv: no
Version: CSS1
JavaScript Syntax: object.style.borderWidth="thin thick"

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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

Se också:

CSSHandledning:CSS kanter

HTML DOM Referenshandbok:borderWidth egenskap