CSS border-bottom egenskab

Definition og brug

border-bottom kortformsegenskab sætter alle egenskaber for nederste kant i én deklaration.

Egenskaberne kan indstilles i rækkefølgen nedenfor:

Hvis ingen af værdierne indstilles, vil der ikke opstå problemer, f.eks. border-bottom:solid #ff0000; er også tilladt.

Se også:

CSS tutorial:CSS kant

HTML DOM referencehåndbog:borderBottom egenskaben

Eksempel

Indstil stilen på nederste kant:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
border-bottom-width Definerer bredden på nederste kant. Se:border-bottom-width mulige værdier.
border-bottom-style Definerer stilen på nederste kant. Se:border-bottom-style mulige værdier.
border-bottom-color Definerer farven på nederste kant. Se:border-bottom-color mulige værdier.
inherit Definerer, at border-bottom-egenskaben skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nei
Version: CSS1
JavaScript syntaks: object.style.borderBottom="3px solid blue"

Flere eksempler

Alle nederste kantegenskaber i én deklaration
Dette eksempel viser, hvordan man bruger en kortform af egenskaben til at sætte alle nederste kantegenskaber i samme deklaration.

Browserunderstøttelse

Tabelens tal 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".