شرح صفوف ومحتوى الفقرة
تستخدم خاصية box-sizing مع القيمة border-box لكي لا يتمدد حجم (طول وعرض) العنصر عندما يتم إضافة border وإضافة padding له ولا يزيد حجم عرض وحجم الطول عن الحجم المحدد له في خاصية height وعرض العنصر المحدد له خاصية width.
CSS box sizing border box
خاصية box-sizing معالقيمة border-box في لغة CSS.
HTML
.item
{
background-color: rgba(255, 255, 255, 0.8);
border: 2px solid rgba(0, 0, 0, 0.8);
padding: 20px;
width:300px;
height:200px;
box-sizing: border-box;
}