انتقل إلى محتوى الدرس

Add width to element إضافة عرض للعنصر

سوف تتعلم في هذا الدرس كيف تُعرض العناصر علي المُتصفح وكل عنصر يُعرض داخل صندوق وكل صندوق يتكون من مجموعة مساحات يجب التعرف عليها قبل التعامل مع هذا الصندوق بلغة CSS.
1 صفوف تعليمية
لغة CSS
4,771 مشاهدة

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

الصف 1 شرح توضيحي
إضافة عرض للعنصر <p>  عن طريق خاصية width بلغة CSS وهي عرض content المحتوي.

CSS Box Model Add width

إضافة عرض للعنصر عن طريق خاصية width.

HTML
p
{
border:red solid 1px;
background:yellow;
outline:blue dashed 2px;
padding:20px;
margin:20px;
outline-offset:15px;
height:100px;
width:50%;
}