Model Pudełkowy CSS

Zrozum fundament układu stron: Margin, Border, Padding i Content.

Szerokość (Width)200px

Margines (Margin)20px

Obramowanie (Border)2px

Dopełnienie (Padding)20px

.element {
width: 200px;
margin: 20px;
border: 2px solid orange;
padding: 20px;
}

Margin

Border

Padding

200x200

Wizualizacja Skalowana 1:1