📦 מודל הקופסה
ויזואליזציה של Box Model
CONTENT
Margin
Border
Padding
Content
Padding
padding: 10px
padding: 20px
padding: 10px 30px
Border Styles
solid
dashed
dotted
double
Border Radius
0
10px
20px
50%
Margin Auto (מרכוז)
margin: 0 auto
box-sizing
content-box
width: 200px
רוחב סה"כ: 260px
border-box
width: 200px
רוחב סה"כ: 200px ✓
Overflow
visible
טקסט ארוך מאוד שגולש מחוץ לקופסה ומוצג בכל מקרה
hidden
טקסט ארוך מאוד שגולש מחוץ לקופסה אבל מוסתר
scroll
טקסט ארוך מאוד שגולש ויש סרגל גלילה תמיד
auto
טקסט ארוך מאוד שגולש וסרגל גלילה רק כשצריך