Серверное время 2018-06-18 14:19:36
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

outline-width

Браузер
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 и выше
Значение по умолчанию medium
Наследуется Нет
Применяется Ко всем элементам
Ссылка на спецификацию открыть в новой вкладке
Описание
Задает толщину внешней границы элемента. В отличие от свойства border-width, для outline-width нельзя устанавливать границу для каждой стороны элемента индивидуально.
Чтобы outline-width работал, необходимо установить у свойства outline-style любое значение кроме none.
Синтаксис
outline-width: thin | medium | thick | значение | inherit
Аргументы
thin - Тонкая линия. Значение в пикселах может изменяться в зависимости от браузера, но обычно составляет 1 пиксел.
medium - Линия средней толщины (3 пиксела).
thick - Линия большой толщины (6 пикселов).
значение - Для точной установки толщины можно использовать любые единицы размера принятые в CSS.
inherit - Наследует значение родителя.
Пример

<!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-width</title>
 <style type="text/css">
#block {
outline-style: dotted; /*Пунктирная внешняя граница*/
outline-width: 3px; /*Толщина внешней границы*/
padding: 10px; /*Поля вокруг текста*/
border: 3px dotted #000; /*Параметры рамки*/
 }
 </style>
</head>
<body>
 <div id="block">

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
 </div>
</body>
</html>

Демонстрация примера
Объектная модель
[window.]document.getElementById("elementID").style.outlineWidth
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz