Исходный код вики Box model
Версия 1.2 от Alexandr Fokin на 2020/06/21 15:34
Скрыть последних авторов
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | |
| 2 | padding - от контента до границы | ||
| 3 | border - граница | ||
| 4 | margib - от граниы | ||
| 5 | |||
| |
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 |