English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство border-color CSS предназначено для установки цвета одного края, то есть это сокращенная запись.border-top-color,border-right-color,border-bottom-colorИborder-left-colorДля одного объявления.
В таблице приведено описание использования и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | Просмотреть все свойства |
|---|---|
| Подходит для: | Все элементы |
| Наследование: | Нет |
| Анимируемые: | Да.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object object.style.borderColor="#cc0000 red" |
Использование грамматики border-color:
Грамматика этого свойства такая:
Грамматика использования border-color: [ color | transparent ] 1 to 4 values | inherit
Эта сокращенная запись может содержать один, два, три или четыре значения, разделенные пробелами.Если указанДва значения
Если указаныто первый значений используется для верхнего и нижнего краев, а второй значений используется для правого и левого краев.Если указаны
Если указаныТри значения则 первый значений используется для верхнего края, второй значений используется для правого и левого краев, третий значений используется для нижнего края
Если указаныЧетыре значенияЕсли указаны, то каждый из значений будет применяться к рамке в порядке сверху, справа, снизу и слева.
Ниже приведен пример того, как использовать свойство border-color.
p {
border-style: solid;
border-color: #ff0000;
}Проверьте, посмотрите на‹/›Обратите внимание:Вы должны указать border-color передborder-styleЭлементы должны иметь рамку, чтобы можно было установить цвет рамки, так какborder-styleЗначением по умолчанию для этого свойства является none.
Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| color | Указать цвет рамки. См.Цветовые значения CSSдля получения списка возможных значений цвета. |
| transparent | Разрешает рамке быть прозрачной, хотя это может занятьborder-widthПространство для свойств. |
| initial | Установить этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то соответствующие элементы используют значение свойства border-color родительского элемента. |
Совместимость браузеров для свойств border-color; числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
См. также урок:CSS Border,CSS3 Border.
Связанные свойства:border,border-style,border-width,border-top-color,border-right-color,border-bottom-color,border-left-color.