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