الخاصية border-left-width
< 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-left-width
في CSS تضبط عرض الإطار الأيسر للعنصر.
بطاقة الخاصية
القيمة الابتدائية | medium
|
---|---|
تُطبَّق على | جميع العناصر. |
قابلة للوراثة | لا |
قابلة للتحريك | نعم |
الوسائط | مرئية |
القيمة المحسوبة | الطول المطلق، أو 0 إذا ضُبِطَت الخاصية border-left-style إلى none أو hidden .
|
/* كلمات مفتاحية */
border-left-width: thin;
border-left-width: medium;
border-left-width: thick;
/* <length> أطوال */
border-left-width: 10em;
border-left-width: 3vmax;
border-left-width: 6px;
/* قيم عامة */
border-left-width: inherit;
border-left-width: initial;
border-left-width: unset;
أمثلة
سنضبط في المثال الآتي إطارًا على الجانب الأيسر لعناصر <div>
لونه (border-left-color
) أخضر، وعرضه (border-left-width
) يساوي 4px
وشكله (border-left-style
) منقط. شيفرة HTML:
<div>لهذا العنصر إطارٌ على حافته اليسارية</div>
شيفرة CSS:
div {
border-left-style: dotted;
border-left-width: 4px;
border-left-color: green;
padding: 0.5em;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 1.0 | 4.0 | 3.5 | 1.0 |
البنية العامة
<br-width>
تُعرِّف هذه القيمة عرض الإطار، وإما أن تكون طولًا <length>
غير سالب، أو كلمةً محجوزةً؛ ويُسمَح باستخدام الكلمات المحجوزة الآتية:
thin |
|
إطار رفيع |
medium |
|
إطار متوسط |
thick |
|
إطار ثخين |
ملاحظة: لأنَّ المواصفة لا تُحدِّد ما هي القيمة الدقيقة المرتبطة بكل كلمة محجوزة، فقد تختلف النتيجة باختلاف المتصفح، لكن مع ذلك، ستتبع هذه القيم للعلاقة thin ≤ medium ≤ thick
، وستكون القيم متناسقة فيما بينها في المستند.
البنية الرسمية
border-left-width: <br-width>;
حيث:
<br-width> = <length> | thin | medium | thick
انظر أيضًا
- صفحة الخاصيات التي تضبطها الخاصية المختصرة
border-left
وهي:border-left-color
، وborder-left-style
. - صفحة الخاصيات التي تضبطها الخاصية المختصرة
border
وهي:border-width
، وborder-style
، وborder-color
. - ضبط صورة للإطار باستخدام الخاصية
border-image
. - الخاصية
color
التي تضبط لون العنصر، والقيمة اللونية<color>
.
مصادر ومواصفات
- مواصفة CSS Backgrounds and Borders Module Level 3.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.