الخاصية border-bottom-color
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الخاصية border-bottom-color
في CSS تُحدِّد لون الإطار السفلي الخاص بالعنصر. لاحظ أنَّه في أغلبية الحالات يُفضَّل استخدام خاصيات CSS المختصرة مثل border-color
أو border-bottom
.
بطاقة الخاصية
القيمة الابتدائية | currentcolor
|
---|---|
تُطبَّق على | جميع العناصر. |
قابلة للوراثة | لا |
قابلة للتحريك | نعم |
القيمة المحسوبة | اللون المحسوب. |
/* <color> قيم */
border-bottom-color: red;
border-bottom-color: #ffbb00;
border-bottom-color: rgb(255, 0, 0);
border-bottom-color: hsla(100%, 50%, 25%, 0.75);
border-bottom-color: currentcolor;
border-bottom-color: transparent;
/* القيم العامة */
border-bottom-color: inherit;
border-bottom-color: initial;
border-bottom-color: unset;
أمثلة
سنضبط في المثال الآتي إطارًا سفليًا لعناصر <div>
لونه (border-bottom-color
) أخضر، وعرضه (border-bottom-width
) يساوي 4px
وشكله (border-bottom-style
) منقط. شيفرة HTML:
<div>لهذا العنصر إطارٌ على حافته السفلية</div>
شيفرة CSS:
div {
border-bottom-style: dotted;
border-bottom-width: 4px;
border-bottom-color: green;
padding: 0.5em;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 1.0 | 4 | 3.5 | 1.0 |
البنية العامة
تقبل الخاصية border-bottom-color
قيمةً واحدةً.
<color>
لون الإطار السفلي.
البنية الرسمية
border-bottom-color: <color>;
انظر أيضًا
- صفحة الخاصيات التي تضبطها الخاصية المختصرة
border-bottom
وهي:border-bottom-width
، وborder-bottom-style
. - صفحة الخاصيات التي تضبطها الخاصية المختصرة
border
وهي:border-width
، وborder-style
، وborder-color
. - ضبط صورة للإطار باستخدام الخاصية
border-image
. - الأركان المدورة
border-radius
، وللأركان السفليةborder-bottom-left-radius
وborder-bottom-right-radius
. - الخاصية
color
التي تضبط لون العنصر، والقيمة اللونية<color>
.
مصادر ومواصفات
- مواصفة CSS Backgrounds and Borders Module Level 3.
- مواصفة CSS Level 2 (Revision 1).