CSS border-bottom-width egenskap

Definition och användning

border-bottom-width-egenskapen ställer in bredden på elementets nedre kantlinje.

Verkar 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.

Anmärkning:Förklaring: Använd alltid border-style-egenskapen innan border-bottom-width-egenskapen. Elementet måste ha kantlinje innan bredden kan ändras.

Se också:

CSS-tutorial:CSS kant

CSS referenshandbok:border-bottom-egenskapen

HTML DOM referenshandbok:borderBottomWidth-egenskapen

Exempel

Ställ in bredden på nedre kantlinjen:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
thin Definiera en tunn nedre kantlinje.
medium Standardvärde. Definiera en中等 nedre kantlinje.
thick Definiera en tjock nedre kantlinje.
length Låter dig anpassa bredden på nedre kantlinjen.
inherit Definiera att kantbredden ska härledas från föräldrelementet.

Mer exempel

Ställ in bredden på nedre kantlinjen
Detta exempel visar hur du ställer in bredden på nedre kantlinjen.

Tekniska detaljer

Standardvärde: medium
Arv: no
Version: CSS1
JavaScript-syntax: object.style.borderBottomWidth="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

Anmärkning:IE7 och äldre webbläsare stöder inte värdet "inherit". IE8 kräver !DOCTYPE. IE9 stöder "inherit".