CSS

CSS Borders
الإطارات في لغة CSS

ستتعلم في هذا الدرس ما هي حدود أو الإطارات في لغة CSS التي تُضاف للعناصر لكي تُعطي شكل جمالي أو تُحدد ملامح العنصر.

التاريخ

09 نوفمبر 2020

الدروس

137

المستوى

مبتدئ

اللغة

انجليزي

المشاهدات

3763

المواضيع

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

CSS Borders
الإطارات في لغة CSS

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

Mostafa Hefny

CEO & Founder CloseTag

</> CSS Borders
الإطارات في لغة CSS

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

الخصائص التي تتحكم في الإطارات:
  • border-width تُحدد عرض أو سٌمك الإطار لجميع الجوانب.
  • border-style تُحدد نوع الإطار لجميع الجوانب.
  • border-color تُحدد لون الإطار لجميع الجوانب.
  • border-[top,bottom,left,right]-width تُحدد عرض أو سٌمك الإطار علي حسب الجانب.
  • border-[top,bottom,left,right]-style تُحدد نوع الإطار علي حسب الجانب.
  • border-[top,bottom,left,right]-color تُحدد لون الإطار علي حسب الجانب.
  • border تُحدد جميع الخصائص لجميع الجوانب.

</> CSS Border Style

يُمكن تغيير  أوتُحديد نوع (شكل)  border الإطار على المتصفح  عن طريق خاصية border-style في لغة CSS لجميع جوانب الإطار.


انواع أو أشكال Border الإطارات المسموح بها:

  • dotted لعمل border مُنقط.
  • dashed لعمل border مكون من علامه ال dash -.
  • solid لعمل border بخط رفيع.
  • double لعمل border مزدوج.
  • groove لعمل border 3D.
  • ridge لعمل border 3D.
  • inset لعمل border 3D. 
  • outset لعمل border 3D. 
  • none  لإلغاء ال border.
  • hidden لعمل border مخفي.
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات