CSS border-bottom-color 属性
- nakaunang pahina border-bottom
- susunod na pahina border-bottom-left-radius
Definition and Usage
Ang border-bottom-color ay nagtatakda ng kulay ng ibabang border ng elemento.
Makakadefinir lamang ang purong kulay, at ang border ay makakita lamang kapag ang estilo ng border ay hindi none o hidden.
Komentaryo:Pangalawang uri, palaging ilagay ang attribute na border-style bago ang border-color. Ang elemento ay dapat makakuha ng border bago ito ay magiging kulay.
See Also:
CSS Tutorial:CSS 边框
CSS Reference Manual:border-bottom Attribute
HTML DOM Reference Manual:borderBottomColor Attribute
Example
Iset ang kulay ng ibabang border:
p { border-style:solid; border-bottom-color:#ff0000; }
CSS Grammar
border-bottom-color: color|transparent|initial|inherit;
Attribute Value
Value | Description |
---|---|
color_name | Ituturing na kulay ng border ang halaga ng pangalan ng kulay (halimbawa red). |
hex_number | Ituturing na kulay ng border ang halaga ng hexadecimal (halimbawa #ff0000). |
rgb_number | Ituturing na kulay ng border ang halaga ng 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 |
Bersyon: | CSS1 |
Grammar ng JavaScript: | object.style.borderBottomColor="blue" |
Maraming halimbawa
- Iset ang kulay ng ibabang border
- Ito ay nagtuturo kung paano itatawag ang kulay ng ibabang border.
Suporta ng browser
Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na suporta sa katangian na ito.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Komentaryo:Hindi suporta ng Internet Explorer 6 (at mas masugid na bersyon) ang halaga ng attribute na "transparent".
Komentaryo:Hindi suporta ng mga browser na mas masugid kaysa sa IE7 ang halaga "inherit". Kailangan ng !DOCTYPE para sa IE8. Suporta ng IE9 ang "inherit".
- nakaunang pahina border-bottom
- susunod na pahina border-bottom-left-radius