Цвета рамки Цвета рамки задают цвета рамки объемлющего прямоугольника. Все они имеют тип <цвет>. Если цвет рамки не задан, то он должен совпадать с цветом генерирующего элемента, например следующая декларация P { color: black; border: thin solid; } будет генерировать черную тонкую сплошную рамку вокруг абзацев. Цвет верхней рамки: свойство border-top-color Синтаксис: border-top-color: <цвет> | inherit Начально: цвет генерирующего элемента Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Не поддерживается Свойство border-top-color задает цвет верхней рамки объемлющего прямоугольника. Пример: H1 { border-top-color: red } Цвет нижней рамки: свойство border-bottom-color Синтаксис: border-bottom-color: <цвет> | inherit Начально: цвет генерирующего элемента Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Не поддерживается Свойство border-bottom-color задает цвет нижней рамки объемлющего прямоугольника. Пример: H1 { border-bottom-color: red } Цвет левой рамки: свойство border-left-color Синтаксис: border-left-color: <цвет> | inherit Начально: цвет генерирующего элемента Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Не поддерживается Свойство border-left-color задает цвет левой рамки объемлющего прямоугольника. Пример: H1 { border-left-color: blue } Цвет правой рамки: свойство border-right-color Синтаксис: border-right-color: <цвет> | inherit Начально: цвет генерирующего элемента Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Не поддерживается Свойство border-right-color задает цвет правой рамки объемлющего прямоугольника. Пример: H1 { border-right-color: blue } Цвета рамки: свойство border-color Синтаксис: border-color: <цвет> (1,4) | transparent | inherit Начально: не определено для сокращений Применимо: ко всем элементам Наследуемо: нет Проценты: не используются Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство border-color является сокращением для свойств border-top-color, border-bottom-color, border-left-color и border-right-color. Оно задает цвет всех рамок объемлющего прямоугольника одновременно. Значение transparent означает, что рамка должна быть прозрачной (хотя она может иметь при этом ненулевую ширину). Значением этого свойства может быть от одного до четырех цветов. Если заданы все цвета, то они применяются к верхней, правой, нижней и левой рамке соответственно. Если задан только один цвет, то он применяется ко всем рамкам. Если заданы два или три значения, то недостающий цвет принимается равным цвету противоположной рамки. Примеры: H1 { border-color: red } /* все рамки имеют цвет red */ H1 { border-color: red blue } /* top & bottom = red, right & left = blue */ H1 { border-color: red green blue } /* red, green, blue, green */ <<<  Назад Вперед  >>>  1  2  3  4  5  6  7   8  Комментарии к статье  8 8  Обсудить в чате

8  В тему Введение в таблицы стилей Селекторы, псевдоклассы и псевдоэлементы Значения свойств, каскадность и наследование Позиционирование элементов Визуализация элементов Цвет и фон Шрифты Текст Таблицы Генерация содержимого, нумерация и списки Страничные устройства вывода Звуковые таблицы стилей