Воздействие на рамки


Значение цвета также может влиять на рамки, окружающие элемент. Предположим, вы объявили приведенные ниже стили:

p.aside {color: gray; border-style: solid;}

У элемента

серый текст и серая сплошная рамка средней ширины. Дело в том, что по умолчанию к рамкам применяется основной цвет элемента. Переопределить это поведение позволяет свойство border-color:

p.aside {color: gray; border-style: solid; border-color: black;}

Текст станет серым (grey), а цвет рамок – черным (black). Любое значение, заданное для border-color, всегда будет переопределять значение свойства color. Между прочим, рамки позволяют менять основной цвет изображений. Поскольку изображения уже составлены из цветов, нельзя влиять на них с помощью свойства color, но можно менять цвет любой рамки, окружающей изображение. Это достигается посредством задания свойства color или border-color. Таким образом, следующие правила будут иметь одинаковый визуальный эффект на изображения класса type1 и type2:

img.type1 {color: gray; border-style: solid;}
img.type2 {border-color: gray; border-style: solid;}

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

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

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