CSS kant-bund-farve egenskab

Definition og brug

border-bottom-color sætter farven på elementets bundkant.

Man kan kun definere en ren farve, og kantlinjen vises kun, når kantstilen er en værdi, der ikke er none eller hidden.

Bemærk:Vær altid på den sikre side og deklarér border-style egenskaben før border-color egenskaben. Elementet skal have kantlinjen, før du ændrer farven.

Se også:

CSS tutorial:CSS kant

CSS referencehåndbog:border-bottom egenskab

HTML DOM referencehåndbog:borderBottomColor egenskaben

Eksempel

Sæt farven på bundkanten:

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

Prøv det selv

CSS-syntaks

border-bottom-color: color|transparent|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
color_name Specificerer kantfarven som en farvenavn (f.eks. rød).
hex_number Specificerer kantfarven som en hexadecimal værdi (f.eks. #ff0000).
rgb_number Specificerer kantfarven som rgb-kode (f.eks. rgb(255,0,0)).
transparent Standardværdi. Kantfarven er transparent.
inherit Det specificeres, at kantfarven skal arves fra forældrelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: nej
Version: CSS1
JavaScript-syntaks: object.style.borderBottomColor="blue"

Flere eksempler

Sæt farven på bundkanten
Dette eksempel viser, hvordan du sætter farven på bundkanten.

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ærk:Internet Explorer 6 (og tidligere versioner) understøtter ikke egenskabsværdien "transparent".

Bemærk:Internet Explorer 7 og tidligere versioner af browsere understøtter ikke værdien "inherit". IE8 kræver !DOCTYPE. IE9 understøtter "inherit".