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

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