Стиль borderLeft Свойство
Пример
Добавьте левую границу к элементу <div>:
document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";
Определение и использование
Свойство borderLeft задает или возвращает до трех отдельных свойств border-left в сокращенной форме.
С помощью этого свойства вы можете установить/возвратить одно или несколько из следующих значений (в любом порядке):
- граница слева ширина
- пограничный левый стиль
- граница левого цвета
Поддержка браузера
Свойство borderLeft поддерживается во всех основных браузерах.
Синтаксис
Вернуть свойство borderLeft:
object.style.borderLeft
Задайте свойство borderLeft:
object.style.borderLeft = "width style color|initial|inherit"
Значения свойств
| Parameter | Description |
|---|---|
| width | Sets the width of the left border |
| style | Sets the style of the left border |
| color | Sets the color of the left border |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
| Значение по умолчанию: | не определен |
|---|---|
| Возвращаемое значение: | Строка, представляющая ширину, стиль и/или цвет левой границы элемента. |
| CSS-версия | CSS1 |
Дополнительные примеры
Пример
Измените ширину, стиль и цвет левой границы элемента <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
Пример
Верните значения свойства border-left элемента <div>:
alert(document.getElementById("myDiv").style.borderLeft);
Связанные страницы
Учебное пособие по CSS: граница CSS
Справочник по CSS: свойство border-left
Справочник по HTML DOM: свойство границы