# Свойство 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`,
  которое задает смещение рамки

←→
↑