Исходный код вики Box model
Редактировал(а) Alexandr Fokin 2023/01/06 17:07
Последние авторы
| author | version | line-number | content |
|---|---|---|---|
| 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 | )))| |