1. Главная
2. CSS
3. Свойство outline

СВОЙСТВО OUTLINE

Свойство outline используется для создания контура элемента. Оно включает в себя следующие свойства:

• outline-width
• outline-style
• outline-color

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

Синтаксис

outline: outline-width outline-style outline-color|initial|inherit

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

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

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

.block {
    height: 50px;
    width: 50px;
    display: inline-block;
    border: 3px solid blue;
}

.block-1 {
    outline: 3px dotted green;
}

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

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