Проблемы, сложившиеся исторически

Итак, задание фонового цвета – довольно простая вещь, за исключением одного небольшого предостережения. Navigator 4 совершенно неправильно размещает фоновые цвета. Вместо того чтобы применять фоновый цвет ко всему блоку содержимого и отступам, он закрашивает только область непосредственно под текстом.

Я повторяю: это совершенно неправильное поведение. Чтобы противодействовать ему, необходимо задать рамку элемента, которой потом можно присвоить цвет, совпадающий с цветом фона документа:

body {background: silver;}
p {background-color: gray; padding: 0.1px; border: 1px solid silver;}

Обратите внимание: чтобы этот метод работал, надо задать свойство border-style. Неважно, задаете ли вы это специальное свойство или просто значение свойства border. Конечно, делая это, вы задаете рамку элемента, и эта рамка будет обнаруживаться также и в других агентах пользователя. Кроме того, Navigator не очень хорошо обрабатывает отступы, поэтому в предыдущем примере между блоком содержимого и рамками появляется небольшое пустое пространство. К счастью, более новые броузеры не порождают таких проблем.

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

Статьи из раздела CSS на эту тему:
Воздействие на рамки
Воздействие на элементы формы
Еще раз о повторении в определенном направлении
Замещение атрибутов
Значения, заданные в единицах измерения длины

Вернуться в раздел: CSS / 9. Цвета и фон