CSS border-bottom-color egenskab

Definition og brug

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

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

Bemærk:Vær altid sikker på at deklarere 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 egenskab

Eksempel

Sæt farven på nedre kant:

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 Det specificeres, at kantfarven er en farvenavn (f.eks. rød).
hex_number Det specificeres, at kantfarven er en hexadecimal værdi (f.eks. #ff0000).
rgb_number Det specificeres, at kantfarven er en rgb-kode (f.eks. rgb(255,0,0)).
transparent Standardværdi. Kantfarven er transparent.
inherit Det specificeres, at kantfarven skal arves fra forældreelementet.

Tekniske detaljer

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

Flere eksempler

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

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