CSS

CSS Border Width
عرض الإطار في لغة CSS

سوف تتعلم في هذا الدرس التحكم في حجم borders الإطار بإستخدام خاصية border-width في لغة CSS.

التاريخ

13 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

2148

المواضيع

24
الشروحات chevron_left CSS Border Width chevron_left CSS
CSS Flex Box keyboard_arrow_down

CSS Border Width
عرض الإطار في لغة CSS

مراجعة تقنية
Mostafa Hefny

Mostafa Hefny

CEO & Founder CloseTag

</> CSS Border Width
عرض الإطار في لغة CSS

خاصية border-width في لغة CSS تُستخدم لتُحدد عرض border الإطار من الاربع جوانب [left-right-top-bottom] بجانب خاصية border-style.


قيم خاصية border-width في لغة CSS:

  • medium هو الحجم الأفتراضي لعرض الإطار وهو متوسط الحجم.
  • thin لتحديد عرض الإطار بشكل رفيع.
  • thick لتحديد عرض الإطار بشكل سميك. 
  • length لتحديد عرض الإطار بوحدات pixel أو em او % أو cm أو rem.
border-width syntax

طريقة كتابة خاصية border-width في لغة CSS.

border-width:value;
border-width values

قيم خاصية border-width في لغة CSS.

border-width:medium|thin|thick|length|initial|inherit;
مهم
لا تعمل خاصية border-width بدون خاصية border-style يجب تحديد نوع الإطار قبل تحديد عرضة في لغة CSS.

</> CSS border width with medium
خاصية border-width مع القيمة medium في لغة CSS

تُستخدم خاصية border-width مع القيمة medium لتحديد عرض border بسُمك متوسط في لغة CSS وهو الحجم الأفتراضي بدون إستخدام عرض للإطار.
CSS border width with medium

خاصية border-width والقيمة medium في لغة CSS.

.medium
{
 border-style:solid;
 border-width:medium;
}

</> CSS border width with thin
خاصية border-width مع القيمة thin في لغة CSS

تُستخدم خاصية border-width مع القيمة thin لتحديد عرض border بسُمك رفيع في لغة CSS.

CSS border width with thin

خاصية border-width والقيمة thin في لغة CSS.

.thin
{
 border-style:solid;
 border-width:thin;
}

</> CSS border width with thick
خاصية border-width مع القيمة thick في لغة CSS

تُستخدم خاصية border-width مع القيمة thick لتحديد عرض border بسُمك عريض في لغة CSS.

CSS border width with thick

خاصية border-width والقيمة thick في لغة CSS.

.thick
{
 border-style:solid;
 border-width:thick;
}

</> CSS border width with length
خاصية border-width مع القيمة length في لغة CSS

تُستخدم خاصية border-width مع القيمة thick لتحديد عرض border بسُمك عريض في لغة CSS.

CSS border width with length

خاصية border-width والقيمة length في لغة CSS.

.length
{
 border-style:solid;
 border-width:5px;
}
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات