CSS

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

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

التاريخ

13 نوفمبر 2021

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

1700

المواضيع

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

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

</> 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;
}
مصطلحات الدرس
Width
Width

عرض

Borders
Borders

حدود

Property
Property

خاصية

Medium
Medium

وسط

Thin
Thin

نحيف

Thick
Thick

سميك

Specific Side Widths
Specific Side Widths

علروض جانبية محددة

Top
Top

أعلي

Right
Right

يمين

Bottom
Bottom

أسفل

Left
Left

يسار

اختصارات الدرس
CSS
CSS

Cascading Style Sheets

صفحات الأنماط الانسيابية
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.