Свойство borderLeftStyle
Пример style.borderLeftStyle
Добавьте "сплошную" левую границу к элементу <div>:
document.getElementById("myDiv").style.borderLeftStyle = "solid";
Попробуйте сами »
Описание borderLeftStyle
Свойство borderLeftStyle задает или возвращает стиль левой границы элемента.
Поддержка borderLeftStyle
| Свойство | |||||
|---|---|---|---|---|---|
| borderLeftStyle | Да | Да | Да | Да | Да |
Синтаксис borderLeftStyle
Вернуть свойство borderLeftStyle:
object.style.borderLeftStyle
Установите свойство borderLeftStyle:
object.style.borderLeftStyle = value
Значение свойства borderLeftStyle
| Значение | Описание |
|---|---|
| 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 |
Технические детали borderLeftStyle
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая стиль левой границы элемента. |
| CSS Версия | CSS1 |
Ещё примеры borderLeftStyle
Измените стиль левой границы элемента <div> на "dotted":
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Попробуйте сами »
Вернуть свойство стиль левой границы элемента <div>:
alert(document.getElementById("myDiv").style.borderLeftStyle);
Попробуйте сами »
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;
Попробуйте сами »
Связанные страницы borderLeftStyle
CSS Учебник: CSS Границы
CSS Справочник: Свойство border-left-style
HTML DOM Справочник: Свойство border