Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия


Ссылки на каскадные стили CSS - outline-offset.

Поддержка Браузеров

Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари

Определение и использование. Свойство outline-offset устанавливает поля, и отображает его за границы края. Контуры отличаются от границ в двух направлениях: контуры не занимают много места и контуры могут быть непрямоугольными. Проще говоря, свойство outline-offset определяет расстояние между рамкой, созданной с помощью свойства outline, и краем или границей элемента добавленной через border, при этом внешняя граница не увеличивает ширину элемента и внешняя граница выбранного элемента может быть не прямоугольной формы. Своим примером чуть ниже и покажем работу свойство outline-offset.

Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство outline-offset, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.


Синтаксис:

              outline-offset: length|initial|inherit; 

Описание и Использование

Значение по умолчанию: 0
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.outlineOffset="15px"


Свойства Значения

Значение Описание
length Расстояние контур начала от границы. Значение по умолчанию-0
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - указать края на 15px вне края рамки

< !DOCTYPE html>
< html>
< head>
< style> 
div#rr
{
margin:20px;
width:150px; 
padding:10px;
height:70px;
border:2px solid #03F;
outline:2px solid #C39;
outline-offset:15px;
} 
< /style>
< /head>
< body>

< p>< b>Внимание!!!< /b> Internet Explorer не поддерживает свойство outline-offset.< /p>

< div id="rr">div имеет контур границы 15px за пределами границы.< /div>

< /body>
< /html>                      

Результат программы:

Внимание!!! Internet Explorer не поддерживает свойство outline-offset.

div имеет контур границы 15px за пределами границы.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: