Изменения документа Box model
Редактировал(а) Alexandr Fokin 2023/01/06 17:07
отредактировано Alexandr Fokin
на 2020/06/21 15:25
на 2020/06/21 15:25
отредактировано Alexandr Fokin
на 2023/01/06 17:07
на 2023/01/06 17:07
Изменить комментарий:
К данной версии нет комментариев
Комментарий
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -1,5 +1,34 @@ 1 - 2 -padding - от контента до границы 1 +|padding - от контента до границы 3 3 border - граница 4 -margib - от граниы 3 +margib - от границы| 4 +|((( 5 +box-sizing - свойство определяет как суммируется и определяются размеры контента и отступы. 6 +default: 7 +content-box - ширина и высота принминяются на контент, а отступы накладываются дополнительно(увеличивая итоговый болок) 8 + height = content_height 9 + weight = content_weight 5 5 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 +)))|