الفرق بين المراجعتين ل"CSS/border-bottom-width"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 106: | سطر 106: | ||
* مواصفة [http://www.w3.org/TR/CSS2/box.html#border-width-properties CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/box.html#border-width-properties CSS Level 2 (Revision 1)]. | ||
* مواصفة [http://www.w3.org/TR/CSS1/#border-bottom-width CSS Level 1]. | * مواصفة [http://www.w3.org/TR/CSS1/#border-bottom-width CSS Level 1]. | ||
| − | [[تصنيف:CSS]] | + | [[تصنيف:CSS|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Property]] | + | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] |
| − | [[تصنيف:CSS Border]] | + | [[تصنيف:CSS Border|{{SUBPAGENAME}}]] |
مراجعة 15:38، 28 يناير 2018
الخاصية border-bottom-width في CSS تضبط عرض الإطار السفلي للعنصر.
/* كلمات مفتاحية */
border-bottom-width: thin;
border-bottom-width: medium;
border-bottom-width: thick;
/* <length> أطوال */
border-bottom-width: 10em;
border-bottom-width: 3vmax;
border-bottom-width: 6px;
/* قيم عامة */
border-bottom-width: inherit;
border-bottom-width: initial;
border-bottom-width: unset;
| القيمة الابتدائية | medium
|
|---|---|
| تُطبَّق على | جميع العناصر. |
| قابلة للوراثة | لا |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | الطول المطلق، أو 0 إذا ضُبِطَت الخاصية border-bottom-style إلى none أو hidden.
|
أمثلة
سنضبط في المثال الآتي إطارًا سفليًا لعناصر <div> لونه (border-bottom-color) أحمر، وعرضه (border-bottom-width) يساوي 4px وشكله (border-bottom-style) منقط. شيفرة HTML:
<div>
This box has a border on the bottom side.
</div>
شيفرة CSS:
div {
border-bottom-style: dotted;
border-bottom-width: 4px;
border-bottom-color: red;
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-bottom-width: <br-width>;
حيث:
<br-width> = <length> | thin | medium | thick
مصادر ومواصفات
- مواصفة CSS Backgrounds and Borders Module Level 3.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.