English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @rules (РУКОВОДСТВА)

Полный список CSS-свойств

Метод использования и примеры CSS border-left-color

CSS-свойство border-left-color устанавливает цвет левого края элемента. Однако в большинстве случаев используется сокращенный синтаксис CSS-свойств, например:   border-colorилиborder-leftИспользование становится более удобным.

Таблица ниже предоставляет описание использования и историю версий этого свойства, а также синтаксис использования свойства в скриптах на JavaScript.

Значение по умолчанию:colorЗначения свойств
Поддерживается:Все элементы
Наследование:Нет
Анимировано:Да.См. также Анимационные свойства.
Версия:CSS 1, 2, 3
JavaScript грамматика:object object.style.borderLeftColor="red"

Грамматика использования border-left-color

Грамматика этого свойства такая:

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, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Дополнительное чтение

См. также учебник:CSS Border,CSS3 Border.

Связанные свойства:border,border-color,border-left,border-left-style,
border-left-width.