Свойство borderLeft стиля

Определение и использование

borderLeft Свойства устанавливаются или возвращаются в кратком виде, используя最多 три отдельных свойства левого обрамления.

С помощью этого свойства вы можете установить/возвратить одно или несколько из следующих свойств (в любом порядке):

См. также:

Уроки CSS:Обрамление CSS

Руководство по CSS:Свойство border-left

Руководство по HTML DOM:Свойства border

Пример

Пример 1

Добавить левое обрамление элемента <div>:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

Попробуйте сами

Пример 2

Изменить ширину, стиль и цвет левого обрамления элемента <div>:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

Попробуйте сами

Пример 3

Возвратить значение свойства border-left элемента <div>:

alert(document.getElementById("myDiv").style.borderLeft);

Попробуйте сами

Грамматика

Возвратить свойства borderLeft:

object.style.borderLeft

Установить свойства borderLeft:

object.style.borderLeft = "width style color|initial|inherit"

Значение свойств

Значение Описание
width Установить ширину левого обрамления.
style Установить стиль левого обрамления.
color Установить цвет левого обрамления.
initial. Установить это свойство в его значение по умолчанию. См. initial.
inherit Преемственность этого свойства от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: Не указано
Возврат значения: Строка, представляющая ширину, стиль и/или цвет левого обрамления элемента.
Версия CSS: CSS1

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка