عرض مصدر CSS/border-left-color

<noinclude>{{DISPLAYTITLE:الخاصية <code>border-left-color</code>}}</noinclude>
الخاصية <code>border-left-color</code> في CSS تُحدِّد لون الإطار الأيسر الخاص بالعنصر. لاحظ أنَّه في أغلبية الحالات يُفضَّل استخدام خاصيات CSS المختصرة مثل <code>[[CSS/border-color|border-color]]</code> أو <code>[[CSS/border-left|border-left]]</code>.<syntaxhighlight lang="css">
/* <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;

</syntaxhighlight>
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>currentcolor</code>
|-
! scope="row" |تُطبَّق على
|جميع العناصر.
|-
! scope="row" |قابلة للوراثة
|لا
|-
!قابلة للتحريك
|نعم
|-
! scope="row" |القيمة المحسوبة
|اللون المحسوب.

|}

== أمثلة ==
سنضبط في المثال الآتي إطارًا على الجانب الأيسر لعناصر <code>[[HTML/div|<nowiki><div></nowiki>]]</code> لونه (<code>border-left-color</code>) أحمر، وعرضه (<code>[[CSS/border-left-width|border-left-width]]</code>) يساوي <code>4px</code> وشكله (<code>[[CSS/border-left-style|border-left-style]]</code>) منقط. شيفرة HTML:<syntaxhighlight lang="html">
<div>
  This box has a border on the left side.
</div>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
div {
  border-left-style: dotted;
  border-left-width: 4px;
  border-left-color: red;
  padding: 0.5em;
}
</syntaxhighlight>
==دعم المتصفحات==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|1.0
|1.0
|4
|3.5
|1.0
|}

== البنية العامة ==
تقبل الخاصية <code>border-left-color</code> قيمةً واحدةً.

=== القيمة <code>[[CSS/color value|<color>]]</code> ===
لون الإطار السفلي.

=== البنية الرسمية ===
<syntaxhighlight lang="css">
border-left-color: <color>;

</syntaxhighlight>
== مصادر ومواصفات ==
* مواصفة [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)‎]. 
[[تصنيف:CSS]]
[[تصنيف:CSS Property]]
[[تصنيف:CSS Border]]