Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО BORDER-LEFT-STYLE

Свойство border-left-style устанавливает стиль рамки элемента слева.

Поддержка браузеров

Синтаксис

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Значения свойства

Значение	Описание
none	Значение по умолчанию. Рамка слева будет отсутствовать.
hidden	Также как и в случае с none, рамка слева будет отсутствовать. В случае, если задано свойство background-image, значение border-top-width всегда будет 0. В случае, когда border-style: hidden применяется к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse, рамка всегда будет отсутствовать.
dotted	Определяет точечную рамку слева.
dashed	Определяет пунктирную рамку слева.
solid	Определяет сплошную рамку слева.
double	Определяет двойную рамку слева.
groove	Определяет вдавленную резную рамку слева.
ridge	Определяет выступающую рамку слева.
inset	Определяет рамку слева, которая создает эффект встроенности элемента.
outset	Определяет рамку слева, которая создает эффект рельефа у элемента.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

Песочница

<div class="block block-1"></div>
<div class="block block-2"></div>
<div class="block block-3"></div>

HTML

.block {
    height: 50px;
    width: 50px;
    display: inline-block;
    background: #f1f1f1;
    border: 3px solid gray 
}
 
.block-1 {
    border-left-style: inset
}

.block-2 {
    border-left-style: double
}

.block-3 {
    border-left-style: dashed
}

CSS

← Перейти к списку свойств