Серверное время 2018-04-24 20:51:58
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Свойства CSS
CSS по категориям
Статистика
Яндекс.Метрика
Реклама
Реклама

outline

Браузер
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 и выше
Значение по умолчанию Нет
Наследуется Нет
Применяется Ко всем элементам
Ссылка на спецификацию открыть в новой вкладке
Описание
Универсальное свойство, одновременно устанавливающее цвет, стиль и толщину внешней границы на всех четырех сторонах элемента. В отличие от линии, задаваемой через border, свойство outline не влияет на положение блока и его ширину.
Синтаксис
outline: outline-color || outline-style || outline-width | inherit
Аргументы
outline-color - Задает цвет линии в любом допустимом для CSS формате.
outline-style - Стиль линии.
outline-width - Толщина границы.
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</title>
<style type="text/css">
.photo IMG {
padding: 20px; /*Поля вокруг изображения*/
margin-right: 10px; /*Отступ справа*/
margin-bottom: 10px;/*Отступ снизу*/
outline: 1px solid #666;/*Параметры рамки*/
background: #f0f0f0;/*Цвет фона*/
float: left;/*Обтекание по правому краю*/
}
</style>
</head>
<body>
<div class="photo">
 <img src="images/girl.jpg" alt="Девочка с муфтой" >
 <img src="images/owl.jpg" alt="Сова" >
 <img src="images/boy.jpg" alt="Эвенкийский мальчик" >
</div>
</body>
</html>

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