Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Outline Outline-color

Свойство outline

Описание

Свойство outline используется для указания значений всех свойств, связанных с оформлением внешней границы вокруг элемента.

- outline-color,
- outline-style,
- outline-width.

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

Это свойство применимо ко всем элементам.

Не поддерживается Internet Explorer до версии 8.0.

Значение

Указываются через пробел только значения свойств.

Значения можно располагать в любом порядке. Браузер сам определит принадлежность значения свойству.

Обязательно свойству outline-style присвоить какое-либо значение (кроме none), чтобы свойство outline-width действовало,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

Если одно из значений какого-либо свойства не указать, то ему присваивается значение по умолчанию.


Пример

Пример - Свойство outline

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство outline </title>

<style type="text/css">
p{padding:5px; width:400px;}
</style>

</head>
<body>

<p> Давайте посмотрим как повлияет на положение абзаца обозначение его границ. </p>
<p style="outline:#CC0000 solid 5px;"> Обозначена внешняя граница абзаца. На его положение она не повлияла. </p>
<p style="border:#CC0000 solid 5px;"> Обозначена внутренняя граница абзаца. Как видите, она повлияла на его положение! </p>

</body>
</html>

При просмотре в браузере

Давайте посмотрим как повлияет на положение абзаца обозначение его границ.

Обозначена внешняя граница абзаца. На его положение она не повлияла.

Обозначена внутренняя граница абзаца. Как видите, она повлияла на его положение!


Свойство Opacity Свойство Outline Свойство Outline-color
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru