Пример
/* Зеленая линия это граница элемента. Красная линия - это внешняя граница */
p
{
border:2px solid green;
outline:red solid 2px;
}
С помощью свойства outline Вы можете отобразить внешнюю границу.
Внешняя граница отображается вокруг элемента за пределами его внутренней границы и используется для "выделения" элемента.
С помощью данного свойства Вы можете определить все существующие в CSS свойства для внешней границы за одно определение.
Свойства определяются в следующем порядке:
Обратите внимание: Вы можете пропускать неиспользуемые свойства.
| Свойство | Описание |
|---|---|
| outline-color | Определяет цвет внешней границы. |
| outline-style | Определяет стиль внешней границы. |
| outline-width | Определяет ширину внешней границы. |