انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #6 من درس: جوانب الإطارات في لغة CSS

CSS border four sides الجوانب الأربعة للإطار في لغة CSS

سوف تتعلم في هذا الدرس التحكم في جوانب الإطارات الأربع من حيث سُمك الإطار ولونة ونوعة ويمكن أن تُنشئ إطار بجوانب مٌختلفة في لغة CSS.

1 صفوف تعليمية
لغة CSS
3,418 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يُمكن في لغة CSS التحكم في الجوانب الأربعة وإعطاء كل جانب لون مختلف وحجم مختلف ونوع مختلف.

CSS border four sides style

إضافة إطار للجوانب الأربعة في لغة CSS.

HTML 
p 
{
  border-top-style:dotted;
  border-bottom-style:dashed;
  border-left-style:solid;
  border-right-style:double;

  border-top-color:red;
  border-bottom-color:blue;
  border-left-color:green;
  border-right-color:orange;

  border-top-width:3px;
  border-bottom-width:1px;
  border-left-width:5px;
  border-right-width:4px;
}
جرّب بنفسك

جميع فقرات هذا الدرس (جوانب الإطارات في لغة CSS)