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