outline-style

Содержание

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

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

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

Синтаксис

outline-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset

Значения

none
Граница не отображается. Это значение перекрывает свойство outline-width, если оно присутствует.
dotted
Линия состоящая из набора точек.
dashed
Пунктирная линия, состоящая из серии коротких отрезков.
solid
Сплошная линия.
double
Двойная линия.
groove
Создаёт эффект вдавленной рамки.
ridge
Создаёт эффект рельефной границы.
inset
Псевдотрёхмерная рамка, при которой правая и нижняя граница осветляется, а левая и верхняя линии затемняются.
outset
Псевдотрёхмерная рамка, при которой левая и верхняя граница имеют более светлый оттенок, чем заданный цвет, а правая и нижняя линии затемняются.

Вид указанных стилей представлен на рис. 1.

Рис. 1

Рис. 1. Вид границы с разным значением стилей

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>outline-style</title>
  <style>
   .noborder a {
    outline-style: none; /* Убираем границу вокруг ссылок */ 
   }
  </style>
 </head> 
<body> 
   <p><a href="http://ya.ru">Яндекс</a>
   <a href="http://google.ru">Google</a></p>

   <p class="noborder"><a href="http://ya.ru">Яндекс</a>
   <a href="http://google.ru">Google</a></p>
 </body>
</html>

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

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

Объект.style.outlineStyle

Спецификация

СпецификацияСтатус
CSS Basic User Interface Module Level 3Рабочий проект
CSS Level 2 (Revision 1)Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
8171.21.5
AndroidFirefox MobileOpera MobileSafari Mobile
11.571.2




Рекомендую хостинг: beget.ru

Сервер падал:53 дн. 19:54 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru