CSS свойство outline-color

Определение и использование

Outline (обводка) - это линия, рисуемая вокруг элемента, расположенная за краями рамки, и она может подчеркивать элемент. Атрибут outline может устанавливать линию обводки вокруг элемента.

Комментарий:Всегда объявляйте атрибут outline-style перед атрибутом outline-color. Элемент может изменить цвет своей обводки только после того, как он получит обводку.

Комментарий:Линия обводки не занимает места и не обязательно矩形.

Атрибут outline-color устанавливает цвет видимой части всей обводки элемента. Помните, что стиль обводки не может быть none, в противном случае обводка не появится.

См. также:

Учебник CSS:Контура CSS

Руководство по CSS:Атрибут outline

Руководство по HTML DOM:Атрибут outlineColor

Пример

Установить цвет точечной обводки:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Попробуйте сами

CSS синтаксис

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Значение атрибута

Значение Описание
color_name Определено цветом в формате названия цвета для цвета обводки (например, red).
hex_number Определено цветом в формате шестнадцатеричного кода для цвета обводки (например, #ff0000).
rgb_number Определено цветом в формате rgb кода для цвета обводки (например, rgb(255,0,0)).
инвертировать Исполняется цветовое инвертирование (обратный цвет). Это позволяет контуру быть видимым на различных фоновых цветах.
по умолчанию Определено, что настройка цвета обводки должна наследоваться от родительского элемента.

Технические детали

Значение по умолчанию: инвертировать
Ингерит: нет
Версия: CSS2
JavaScript синтаксис: объект.style.outlineColor="#0000FF"

Пример TIY

Установка цвета обводки
Этот пример демонстрирует, как установить цвет обводки.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Комментарий:Если определен !DOCTYPE, то IE8 поддерживает атрибут outline.