CSS border-bottom-color egenskap

Definition och användning

border-bottom-color ställer in färgen på elementets nedre kant.

Endast definiera ren färg, och kantlinjen kan endast visas när kantstilen är ett värde som inte är none eller hidden.

Kommentar:Ange alltid border-style-egenskapsvärdet före border-color-egenskapsvärdet. Elementet måste få kantlinjen innan du ändrar dess färg.

Se också:

CSS Tutorial:CSS kant

CSS Referenshandbok:border-bottom-egenskapsvärde

HTML DOM Referenshandbok:borderBottomColor-egenskapsvärde

Exempel

Ställ in färgen på nedre kant:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
color_name Det specificeras kantfärgen som färgnamn (t.ex. röd).
hex_number Det specificeras kantfärgen som hexadecimalt värde (t.ex. #ff0000).
rgb_number Det specificeras kantfärgen som rgb-kod (t.ex. rgb(255,0,0)).
transparent Standardvärde. Kantfärgen är transparent.
inherit Det specificeras att kantfärgen ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerat
Arv: no
Version: CSS1
JavaScript-syntax: object.style.borderBottomColor="blue"

Fler exempel

Ställ in färgen på nedre kant
Detta exempel visar hur du ställer in färgen på nedre kant.

Webbläsarstöd

Tal 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

Kommentar:Internet Explorer 6 (och tidigare versioner) stöder inte egenskapsvärdet "transparent".

Kommentar:Internet Explorer 7 och tidigare versioner av webbläsare stöder inte värdet "inherit". Internet Explorer 8 kräver !DOCTYPE. Internet Explorer 9 stöder "inherit".