CSS-свойство outline-width устанавливает ширину контура элемента. Однако во многих случаях краткое свойство outline удобнее для использования.

Значение по умолчанию: medium
Применяется к: Все элементы
Наследование: Нет
Анимирование: Да. Анимируемые свойства
Версия: CSS 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

outline-width: thin | medium | thick | length | initial | inheri

Примеры написания кода свойства outline-width:

p {
    outline-style: solid;
    outline-width: thick;
}

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

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
thin Тонкий outline.
medium Средний outline.
thick Широкий outline.
length Значение длины в px, em и т. д. Отрицательные значения недопустимы.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента outline-width.

Поддержка браузеров

Свойство outline-width поддерживается во всех основных браузерах.

Internet Explorer 7 и более ранние версии не поддерживают свойство outline-width. IE8, однако, поддерживает это свойство, но требует допустимого <!DOCTYPE>.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.