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

СВОЙСТВО OUTLINE-STYLE

Свойство outline-style определяет стиль контура элемента.

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


8+

Синтаксис

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

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

Значение	Описание
none	Значение по умолчанию. Контур будет отсутствовать.
hidden	Создаёт невидимый контур.
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;
    border: 3px solid blue
}
 
.block-1 {
    outline-width: 3px; 
    outline-style: dotted;
    outline-color: green
}

.block-2 {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: yellow
}

.block-3 {
    outline-width: 3px;
    outline-style: double;
    outline-color: red
}

CSS

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