Свойство Style borderLeftStyle
- Предыдущая страница borderLeftColor
- Следующая страница borderLeftWidth
- Вернуться на один уровень вверх Объект Style в HTML DOM
Определение и использование
borderLeftStyle
Установить или получить стиль левого края рамки элемента.
См. также:
Уроки CSS:Границы CSS
Руководство по CSS:Свойство border-left-style
Руководство по HTML DOM:Свойство border
Пример
Пример 1
Добавить сплошную левую границу для элемента <div>:
document.getElementById("myDiv").style.borderLeftStyle = "solid";
Пример 2
Изменить стиль левого края элемента <div> на "dotted":
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Пример 3
Вернуть стиль левого края элемента <div>:
alert(document.getElementById("myDiv").style.borderLeftStyle);
Пример 4
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderLeftStyle = listValue;
Синтаксис
Верните атрибут borderLeftStyle:
объект.style.borderLeftStyle
Установите атрибут borderLeftStyle:
объект.style.borderLeftStyle = value
Значение | Описание |
---|---|
none | Определяет границу без рамки. По умолчанию. |
hidden | Такое же значение, как и "none", но с исключением для разрешения конфликтов границ таблиц. |
dotted | Определяет точечные границы. |
dashed | Определяет пунктирные границы. |
solid | Определяет сплошные границы. |
double | Определяет две границы. Ширина обоих границ равна значению border-width. |
groove | Определяет 3D канавки границ. border-color значения. |
ridge | Определяет 3D ребристые границы. border-color значения. |
inset | Определяет 3D врезанные границы. border-color значения. |
outset | Определяет 3D отступ границ. border-color значения. |
initial | Этот атрибут устанавливается в его значение по умолчанию. См. initial. |
inherit | Этот атрибут наследуется от родительского элемента. См. inherit. |
Технические детали
Значение по умолчанию: | none |
---|---|
Возвратное значение: | Строка, представляющая стиль левого края элемента. |
Версия CSS: | CSS1 |
Поддержка браузеров
Хром | Эдж | Фаерфокс | Сафари | Опера |
---|---|---|---|---|
Хром | Эдж | Фаерфокс | Сафари | Опера |
Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
- Предыдущая страница borderLeftColor
- Следующая страница borderLeftWidth
- Вернуться на один уровень вверх Объект Style в HTML DOM