атрибут outline

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

outline атрибут в кратком виде устанавливает или возвращает все атрибуты контура.

С помощью этого атрибута вы можете установить/возвратить следующее одно или несколько (в любом порядке):

контур是一条围绕元素的 линия. Он отображается вокруг элемента, но не атрибут border различны.

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

yrıca bkz:

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

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

пример

пример 1

добавить контур вокруг элемента <div>:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

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

пример 2

изменить ширину, стиль и цвет контура элемента <div>:

document.getElementById("myDiv").style.outline = "5px dotted green";

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

пример 3

возврат значения атрибута outline для элемента <div>:

alert(document.getElementById("myDiv").style.outline);

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

Грамматика

возврат атрибута outline:

object.style.outline

установить атрибут outline:

object.style.outline = "width style color|initial|inherit"

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

Значение Описание
width установить ширину контура.
style установить стиль контура.
color установить цвет контура.
initial установите этот атрибут в его значение по умолчанию. См. initial.
inherit inheritует этот атрибут от родительского элемента. См. inherit.

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

по умолчанию: средний none invert
возвратное значение: строка, представляющая ширину, стиль и/или цвет контура элемента.
версия CSS: CSS2

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
поддержка поддержка поддержка поддержка поддержка