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

СВОЙСТВО OUTLINE-COLOR

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

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


8+

Синтаксис

outline-color: invert|цвет|initial|inherit

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

Значение	Описание
invert	Выполняет инверсию цвета. Это гарантирует, что контур виден независимо от цвета фона. Это значение по умолчанию.
цвет	Определяет цвет контура.
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

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