outline-width

Обновлено: 27.05.2022

outline-width

Определяет толщину внешней границы элемента. В отличие от свойства border-width, для outline-width нельзя задать границу для каждой стороны элемента индивидуально.

Чтобы outline-width работал, необходимо установить у свойства outline-style любое значение кроме none.

Краткая информация

Значение по умолчанию medium
Наследуется Нет
Применяется Ко всем элементам
Анимируется Да

Синтаксис

outline-width: thin | medium | thick | <размер>

Значения

thin Тонкая линия. Значение в пикселях может изменяться в зависимости от браузера, но обычно составляет 1 пиксель.
medium Линия средней толщины (3 пикселя).
thick Линия большой толщины (6 пикселей).
<размер> Для точной установки толщины можно использовать любые единицы размера принятые в CSS.

Пример

Результат примера показан на рис. 1.

Рис. 1. Использование свойства outline-width

Объектная модель

Объект.style.outlineWidth

Браузеры

outline-width

Посмотреть совместимость на Can I use?

outline-width