outline-width

Пример

Устанавливает ширину контура:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
     p.one {
          border:1px solid red;
          outline-style:solid;
          outline-width:thin;
     }
     p.two {
          border:1px solid red;
          outline-style:dotted;
          outline-width:3px;
     }
</style>
</head>
<body>
<p class="one">Это некоторый текст в параграфе.</p>
<p class="two">Это некоторый текст в параграфе.</p>
<p><b>Примечание:</b> Internet Explorer 8 (и выше) поддерживает свойство outline если указан !DOCTYPE.</p>
</body>
</html>

Результат выполнения кода выше:

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

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

Контур это линия, которая обращается вокруг элементов (вне границ), чтобы выделить элемент.

outline-width определяет ширину контура.

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

Значение по умолчанию:	medium
Унаследованный:	нет
Версия:	CSS2
Синтакс JavaScript:	`object.style.outlineWidth="thin"`

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

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

Примечание: Internet Explorer 8 (и выше) поддерживает свойство outline-width если указан !DOCTYPE.

Советы и примечания

Outline это линия вокруг элемента. Она показывается вокруг поля элемента. Тем не менее, она отличается от свойства border.

Контур не является частью размеров элемента, поэтому свойства ширины и высоты элемента не включают ширину контура.

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

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

Связанные страницы

CSS пособие: CSS Контуры

CSS ссылка: outline

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет