Свойство border-right-style
Описание
Устанавливает стиль правой границы элемента.
Синтаксис
border-right-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset;
Значение | Описание |
none | Линия отсутствует и значение её толщины обнуляется. |
hidden | Аналог значения none за исключением применения border-left-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае вокруг ячейки отображаться граница не будет. |
dotted | Линия состоящая из набора точек. |
dashed | Пунктирная линия, состоящая из коротких отрезков. |
solid | Сплошная линия. |
double | Двойная линия. |
groove | Создает эффект вдавленной линии. |
ridge | Создает эффект рельефной линии. |
inset | Псевдотрехмерная линия. |
outset | Псевдотрехмерная линия. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test1 {
width: 300px;
height: 200px;
border: 10px rgb(208, 255, 0);
background-color: rgba(32, 92, 144, 0.416);
border-right-style: double;
}
</style>
<div id='test1'></div>
</body>
</html>
Читайте также
Свойство border-top-width
Устанавливает толщину верхней границы элемента.
Свойство transition-delay
Свойство transition-delay устанавливает время ожидания перед запуском эффекта перехода. Значение ...
Свойство left
Для позиционированного элемента определяет расстояние от левого края родительского элемента, не в...
Стиль последнего элемента
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :last...
Свойство border-radius
Устанавливает радиус скругления уголков рамки. Если рамка не задана, то скругление также происход...