Кольори (як у DevTools):
Margin (Зовн. відступ)
Border (Рамка)
Padding (Внутр. відступ)
Content (Вміст)
Батьківський елемент
Вміст
блоку
Налаштування властивостей:
width (ширина контенту)
150px
height (висота контенту)
100px
padding (внутрішній відступ)
20px
border-width (товщина рамки)
10px
border-style (стиль рамки)
solid (суцільна)
dashed (пунктир)
dotted (крапки)
double (подвійна)
margin (зовнішній відступ)
30px
box-sizing
content-box (ширина = контент)
border-box (ширина = контент + padding + border)
Генерований CSS: