Скрыть последних авторов
Alexandr Fokin 2.2 1 |padding - от контента до границы
Alexandr Fokin 1.1 2 border - граница
Alexandr Fokin 2.2 3 margib - от границы|
4 |(((
Alexandr Fokin 1.2 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)
Alexandr Fokin 2.2 23 )))|
24 |(((
Alexandr Fokin 1.2 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
Alexandr Fokin 2.1 33 Если контент будет превышать значение content_size, то он будет вылезать за границы.
Alexandr Fokin 2.2 34 )))|