CSS Border Width
عرض الإطار في لغة CSS
سوف تتعلم في هذا الدرس التحكم في حجم borders الإطار بإستخدام خاصية border-width في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
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;
مهم
</>
CSS border width with medium
خاصية border-width مع القيمة medium في لغة 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; }