CSS border-bottom-color egenskap

Definition och användning

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

Endast rena färger kan definieras, och kantlinjen måste vara en icke none eller hidden värde för att kantlinjen ska kunna visas.

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

Se också:

CSS tutorial:CSS kant

CSS referenshandbok:border-bottom egenskap

HTML DOM referenshandbok:borderBottomColor egenskap

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 ärva från föräldrelementet.

Tekniska detaljer

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

Mer 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äsarversion 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".