CSS border-bottom-width egenskab

Definition og brug

border-bottom-width-egenskaben sætter bredden på elementets nederste kant.

Fungerer kun, når kantstilen ikke er none. Hvis kantstilen er none, sættes kantbredden faktisk til 0. Negative længdeværdier er ikke tilladt.

Bemærkninger:Sørg altid for at deklarere border-style-egenskaben før border-bottom-width-egenskaben. Elementet skal først få kant, før bredden på kanten kan ændres.

Se også:

CSS vejledning:CSS kant

CSS referencehåndbog:border-bottom-egenskaben

HTML DOM referencehåndbog:borderBottomWidth-egenskaben

Eksempel

Sæt bredden på nederste kant:

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

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
thin Definerer en tynd nederste kant.
medium Standardværdi. Definerer en中等下边框.
thick Definerer en tyk nederste kant.
length Lader dig tilpasse bredden på nederste kant.
inherit Definerer, at kantbredden skal arves fra forældrelementet.

Flere eksempler

Sæt bredden på nederste kant
Dette eksempel viser, hvordan du kan sætte bredden på nederste kant.

Tekniske detaljer

Standardværdi: medium
Arv: nej
Version: CSS1
JavaScript-syntaks: object.style.borderBottomWidth="thick"

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

Bemærkninger:IE7 og tidligere versjoner af browsere understøtter ikke værdien "inherit". IE8 kræver !DOCTYPE. IE9 understøtter "inherit".