خاصية display مع القيمة block في لغة CSS | عرض العناصر في لغة CSS

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

الصف 1 شرح توضيحي

العناصر التي تكون طريقة عرضها من النوع display block دائماً تأتي في سطر جديد ويكون لها عرض 100% وتحجز العرض بالكامل ولا يمُكن صف عناصر أخري بجوارها.

العناصر من النوع display block تُعرض بالشكل التالي:

العناصر التي تكون في الوضع الأفتراضي طريقة عرضها display block:

تٌعرض بعض العناصر في الوضع الطبيعي display inline شاهد هذا المثال قبل تحويلها إلي display block في لغة CSS.

HTML

span
{
  border:red solid 1px;
}

تحويل العناصر التي تٌعرض في الوضع الطبيعي display inline إلي طريقة عرض مٌختلفة وهي display block في لغة CSS.

HTML

span
{
  border:red solid 1px;
  display: block;
}