Свойство border-left-style

Описание

Устанавливает стиль левой границы элемента.

Синтаксис

border-left-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-left-style: double;
}
</style>
<div id='test1'></div>
</body>
</html>

Читайте также