Отступы и замещаемые элементы

Возможно, это покажется удивительным, но можно применять отступы к замещаемым элементам, хотя на момент написания данной книги все еще существуют некоторые ограничения. Самое удивительное, что отступы можно применять к изображениям, как здесь:

img {background: silver; padding: 1em;}

Независимо от того, является ли замещаемый элемент строковым или блочным, отступ будет окружать его содержимое, и цвет фона будет заполнять этот отступ. На нем же показано, что отступ отодвигает рамку элемента от его содержимого. Однако в CSS2.1 присутствовала некоторая путаница с тем, что делать со стилевым оформлением элементов формы, таких как input. Не вполне понятно, например, где находится отступ у флажков. Поэтому на момент написания этой книги некоторые броузеры, такие как Mozilla, игнорируют отступы (и другие формы стилевого оформления) для элементов формы. Остается надеяться, что в будущем появится спецификация CSS, которая опишет оформление элементов формы. Другое возможное ограничение – многие более старые броузеры, включая IE5 для Windows, не применяли отступы к изображениям.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Абсолютные значения и поля
Задание рамки одним свойством
Несколько стилей
Основные блоки элементов
Отрицательные и свернутые поля

Вернуться в раздел: CSS / 8. Отступы, рамки и поля