Шрифт:
16.2.3. Блочная модель и детали позиционирования в CSS
Свойства стиля
Рис. 16.2 иллюстрирует блочную модель CSS и наглядно показывает, какой смысл имеют свойства
На рис. 16.2 показан абсолютно позиционируемый элемент, вложенный в позиционируемый элемент-контейнер. Оба элемента, контейнер и вложенный в него, имеют рамки и отступы, и на рисунке показаны CSS-свойства, определяющие ширину отступов и толщину рамок для каждой стороны элемента-контейнера. Обратите внимание, что здесь не показаны свойства
Рис. 16.2 содержит также другую важную информацию. Во-первых, свойства
Во-вторых, свойства
Для полной ясности рассмотрим несложный пример. Предположим, что у вас есть динамически позиционируемый элемент, вокруг содержимого которого имеются отступы размером 10 пикселов, а вокруг них - рамка толщиной 5 пикселов. Теперь предположим, что вы динамически позиционируете дочерний элемент внутри этого контейнера. Если установить свойство
Стандартная блочная модель CSS определяет, что свойства стиля
Поведение IE ошибочно, но нестандартная блочная модель, реализованная в IE, иногда бывает весьма удобна. Учитывая это, в стандарт CSS3 было добавлено свойство
Свойство