Исходный код вики Box model

Редактировал(а) Alexandr Fokin 2023/01/06 17:07
Последние авторы
1 |padding - от контента до границы
2 border - граница
3 margib - от границы|
4 |(((
5 box-sizing - свойство определяет как суммируется и определяются размеры контента и отступы.
6 default:
7 content-box - ширина и высота принминяются на контент, а отступы накладываются дополнительно(увеличивая итоговый болок)
8 height = content_height
9 weight = content_weight
10
11 отдельно
12 padding
13 border
14 margin
15
16 padding-box - в значение ширины и высоты включается padding
17 height = content_height + 2*padding
18 weight = content_weight + 2*padding
19
20 отдельно
21 margin
22 (Размер контента меньше height и weight)
23 )))|
24 |(((
25 border-box - в значение ширины и высоты включается padding и border
26 height = content_height + 2*padding + 2*border
27 weight = content_weight + 2*padding + 2*border
28
29 отдельно
30 margin
31 (Размер контента меньше height и weight)
32
33 Если контент будет превышать значение content_size, то он будет вылезать за границы.
34 )))|