Русский
Русский
English
Свойства CSS
Статистика
Реклама

outline-style

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS2 и выше
Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам
Ссылка на спецификацию открыть в новой вкладке
Описание
Задает стиль внешней границы элемента. В отличие от линии, задаваемой через border, линия через outline отображается вокруг элемента, не влияя на ширину блока или его положение.
Синтаксис
outline-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
Аргументы
none - Линия не отображается и значение ее толщины обнуляется.
hidden - Имеет тот же эффект, что и none за исключением применения border-bottom-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае нижняя граница в ячейке не будет отображаться вообще.
dotted - Линия состоящая из набора точек.
dashed - Пунктирная линия, состоящая из серии коротких отрезков.
solid - Сплошная линия.
double - Двойная линия.
groove - Создает эффект вдавленной линии.
ridge - Создает эффект рельефной линии.
inset - Псевдотрехмерная линия.
outset - Псевдотрехмерная линия.
inherit - Наследует значение родителя.
Вид указанных стилей представлен на рисунке 1
Рис.1. Стили рамок
Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>outline-style</title>
 <style type="text/css">
.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>

Демонстрация примера
Объектная модель
[window.]document.getElementById("elementID").style.outlineStyle
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2025, heroes-3.ru