CSS Borders
الإطارات في لغة CSS
ستتعلم في هذا الدرس ما هي حدود أو الإطارات في لغة CSS التي تُضاف للعناصر لكي تُعطي شكل جمالي أو تُحدد ملامح العنصر.
التاريخ
09 نوفمبر 2020
الدروس
137
المستوى
مبتدئ
اللغة
انجليزي
المشاهدات
3763
المواضيع
24
CSS Borders
الإطارات في لغة CSS
</>
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 مخفي.