📄 Content (المحتوى)
200px
150px
📦 Padding (الحشو)
20px
20px
20px
20px
🔲 Border (الحدود)
5px
📏 Margin (الهوامش)
20px
20px
20px
20px
⚙️ Box Sizing
⚡ قوالب جاهزة
Content
المحتوى
.box-element {
width: 200px;
height: 150px;
padding: 20px;
border: 5px solid #10b981;
margin: 20px;
box-sizing: content-box;
}