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