Свойство outline - сокращение для внешней рамки (границы, которая не занимает места)
Свойство outline задает цвет, тип
и толщину для внешней рамки (границы, которая
не занимает места) для всех сторон одновременно,
но в отличие от border
такая граница не расширяет элемент.
Является свойством-сокращением для outline-width,
outline-style
и outline-color
(но не для outline-offset).
Синтаксис
селектор {
outline: толщина тип цвет;
}
Порядок свойств значения не имеет.
Пример . Только outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Пример . Свойства outline и border вместе
Граница от outline будет снаружи, а граница
от border - внутри:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Смотрите также
-
свойство
outline-offset,
которое задает смещение рамки