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