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

СВОЙСТВО OUTLINE-WIDTH

Свойство outline-width устанавливает ширину контура элемента.

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


8+

Синтаксис

outline-width: единицы измерения|medium|thin|thick|initial|inherit;

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

Значение	Описание
единицы измерения	Устанавливает ширину контура в единицах измерения.
medium	Значение по умолчанию. Определяет средний контур.
thin	Определяет тонкий контур.
thick	Определяет толстый контур.
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

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