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

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

У элемента <p class="aside"> серый текст и серая сплошная рамка средней ширины. Дело в том, что по умолчанию к рамкам применяется основной цвет элемента. Переопределить это поведение позволяет свойство 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;}

Добавлено: 18 Июля 2018 21:04:15 Добавил: Андрей Ковальчук Нравится 0

Добавить