CSS border-bottom-color 属性

Definition and Usage

Ang border-bottom-color ay nagtatakda ng kulay ng ibabang border ng elemento.

Maaaring magkaroon lamang ng walang anyong kulay, at maaaring lumitaw lamang kung ang estilo ng border ay hindi none o hidden.

Komento:Panghahalaga na magdeklara ng border-style attribute bago ang border-color attribute. Ang elemento ay dapat makakuha ng border bago magbagbolbol sa kulay.

See Also:

CSS Tutorial:CSS 边框

CSS Reference Manual:border-bottom Attribute

HTML DOM Reference Manual:borderBottomColor Attribute

Example

I-set ang kulay ng ibabang border:

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

Try It Yourself

CSS Grammar

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

Attribute Value

Value Description
color_name Ituturing na kulay ng border ang pangalan ng kulay (halimbawa red).
hex_number Ituturing na kulay ng border ang heksadecimal value (halimbawa #ff0000).
rgb_number Ituturing na kulay ng border ang rgb code (halimbawa rgb(255,0,0)).
transparent Default Value. Ang kulay ng border ay transparent.
inherit Itinuturing na mula sa magulang na elemento ang kulay ng border.

Technical Details

Default Value: not specified
Inheritsibility: no
Bersiyon: CSS1
Grammar ng JavaScript: object.style.borderBottomColor="blue"

Higit pang mga halimbawa

I-set ang kulay ng ibabang border
Ito ay nagtuturo kung paano itatayo ang kulay ng ibabang border.

Suporta ng Browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersiyon ng browser na ganap na sumusuporta sa atribute na ito.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Komento:Hindi sumusuporta ang Internet Explorer 6 (at mas maagang bersiyon) sa halaga ng atribute na "transparent".

Komento:Ang Internet Explorer 7 at mas maagang bersiyon ng mga browser ay hindi sumusuporta sa halaga ng "inherit". Kailangan ng !DOCTYPE sa IE8. Sumusuporta ang IE9 sa "inherit".