css властивість border-left-style
Властивість border-left-style встановлює стиль лівої межі елементу.
Цікаво те, що специфікація не визначає як межі з різними стилями поєднуються в кутах між собою.
| Порада: | Ви також можете використовувати |
| Порада: | Значення без задання дорівнює medium. Ви можете змінити ширину межі за допомогою властивостей |
Синтаксис
border-left-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Властивість border-left-style може отримувати 12 значень:
noneКордон не відображається.
hiddenМайже те саме що й none, за винятком вирішення проблем накладень кордонів елементів таблиці
dottedКордон з точок
dashedПунктирний кордон.
solidСуцільний кордон.
doubleПодвійний кордон.
grooveРифлений 3D кордон.
ridgeРебристий 3D кордон.
insetУрізаний (звеpxу-справа) 3D кордон.
outsetУрізаний (знизу-зліва) 3D кордон.
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента.
| Значення без задання: | none |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.borderLeftStyle="dotted" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| border-left-style | 1.0 |
4.0 |
1.0 |
1.0 |
3.5 |
| Переглядач | |||
|---|---|---|---|
| border-left-style | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Встановлення стилю лівої границі
p {
border-style: solid;
border-left-style: dotted;
}