الفرق بين المراجعتين ل"CSS/border-left-color"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 78: | سطر 78: | ||
* مواصفة [https://drafts.csswg.org/css-backgrounds-3/#border-left-color CSS Backgrounds and Borders Module Level 3]. | * مواصفة [https://drafts.csswg.org/css-backgrounds-3/#border-left-color CSS Backgrounds and Borders Module Level 3]. | ||
* مواصفة [http://www.w3.org/TR/CSS2/box.html#propdef-border-left-color CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/box.html#propdef-border-left-color CSS Level 2 (Revision 1)]. | ||
| − | [[تصنيف:CSS]] | + | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Property]] | + | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Border]] | + | [[تصنيف:CSS Border|{{SUBPAGENAME}}]] |
مراجعة 15:41، 28 يناير 2018
الخاصية border-left-color في CSS تُحدِّد لون الإطار الأيسر الخاص بالعنصر. لاحظ أنَّه في أغلبية الحالات يُفضَّل استخدام خاصيات CSS المختصرة مثل border-color أو border-left.
/* <color> قيم */
border-left-color: red;
border-left-color: #ffbb00;
border-left-color: rgb(255, 0, 0);
border-left-color: hsla(100%, 50%, 25%, 0.75);
border-left-color: currentcolor;
border-left-color: transparent;
/* القيم العامة */
border-left-color: inherit;
border-left-color: initial;
border-left-color: unset;
| القيمة الابتدائية | currentcolor
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | لا |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | اللون المحسوب. |
أمثلة
سنضبط في المثال الآتي إطارًا على الجانب الأيسر لعناصر <div> لونه (border-left-color) أحمر، وعرضه (border-left-width) يساوي 4px وشكله (border-left-style) منقط. شيفرة HTML:
<div>
This box has a border on the left side.
</div>
شيفرة CSS:
div {
border-left-style: dotted;
border-left-width: 4px;
border-left-color: red;
padding: 0.5em;
}
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 1.0 | 1.0 | 4 | 3.5 | 1.0 |
البنية العامة
تقبل الخاصية border-left-color قيمةً واحدةً.
القيمة <color>
لون الإطار السفلي.
البنية الرسمية
border-left-color: <color>;
مصادر ومواصفات
- مواصفة CSS Backgrounds and Borders Module Level 3.
- مواصفة CSS Level 2 (Revision 1).