خصائص لون الحدود السفلية الخاصة بـ CSS
- الصفحة السابقة border-bottom
- الصفحة التالية border-bottom-left-radius
Definition and Usage
The border-bottom-color sets the color of the element's bottom border.
Can only define a solid color, and the border may only appear when the border style is a value that is not none or hidden.
التعليقات:Always declare the border-style property before the border-color property. The element must have a border before you change its color.
See Also:
CSS Tutorial:حافات CSS
CSS Reference Manual:border-bottom Property
HTML DOM Reference Manual:borderBottomColor Property
Example
Set the border bottom color:
p
{
border-style:solid;
border-bottom-color:#ff0000;
}
CSS Syntax
border-bottom-color: color|transparent|initial|inherit;
Attribute Value
| Value | Description |
|---|---|
| color_name | Specifies the border color with the color name (e.g., red). |
| hex_number | Specifies the border color with the hexadecimal value (e.g., #ff0000). |
| rgb_number | Specifies the border color with the rgb code (e.g., rgb(255,0,0)). |
| transparent | Default Value. The border color is transparent. |
| inherit | Specifies that the border color should be inherited from the parent element. |
Technical Details
| Default Value: | not specified |
|---|---|
| Inheritance: | no |
| Version: | CSS1 |
| JavaScript Syntax: | object.style.borderBottomColor="blue" |
مزيد من الأمثلة
- تعيين لون الحد السفلي
- هذا المثال يوضح كيفية تعيين لون الحد السفلي.
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذا الخصائص تمامًا.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
التعليقات:ي不支持 قيمة "transparent" في Internet Explorer 6 (والمزيد من الإصدارات المبكرة).
التعليقات:不支持值 "inherit" 在 IE7 以及更早版本的浏览器中。IE8 يحتاج إلى !DOCTYPE。IE9 يدعم "inherit"。
- الصفحة السابقة border-bottom
- الصفحة التالية border-bottom-left-radius
