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

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

Атрибут outline-width устанавливает ширину всей обводки элемента, и эта ширина действует только при не none стиле обводки. Если стиль equals none, ширина фактически устанавливается в 0. Нельзя устанавливать отрицательные значения длины.

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

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

Примечание:Обводка не занимает места и не всегда является прямоугольной.

См. также:

Урок CSS:Контура CSS

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

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

Пример

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

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

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

CSS синтаксис

outline-width: medium|thin|thick|length|initial|inherit;

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

Значение Описание
Устанавливает тонкую обводку. тонкая
средний По умолчанию. Устанавливает среднюю обводку.
thick Устанавливает толстую обводку.
length Позволяет определить значение толщины обводки.
inherit Устанавливает, что настройка ширины обводки должна наследоваться от родительского элемента.

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

Значение по умолчанию: средний
Ингерит: нет
Версия: CSS2
JavaScript синтаксис: object.style.outlineWidth="тонкая"

Пример на TIY

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

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

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

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

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