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

Add outline offset to element إضافة مساحة بين الهامش الداخلي والهامش الخارجي للعنصر

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

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

الصف 1 شرح توضيحي
إضافة مساحة بين border الهامش الداخلي للعنصر <p> والهامش الخارجي outline عن طريق خاصية outline-offset بلغة CSS.

CSS Box Model Add outline offset

إضافة هامش داخلي للعنصر عن طريق خاصية padding.

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