Авторский знак. 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


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

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

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство outline-width представляет собой линию, что обращается вокруг элементов( вне границ), чтобы элементу "выделиться". Контур-ширина outline-width определяет ширину контуром. Внимание!!! Всегда объявляйте свойство border-style перед объявлением свойства outline-width. Элемент должен иметь план, прежде чем изменить ширину его. Схема outline-width представляет собой линию вокруг элемента. Это отображается вокруг края элемента. Тем не менее, она отличается от пограничного свойства. Контур не является частью размера элемента, поэтому ширина и высота данного элемента не содержат ширину контура.

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


Синтаксис:

              outline-style: medium|thin|thick|length|initial|inherit;

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

Значение по умолчанию: medium
наследует: нет
Версия: CSS2
JavaScript синтаксис: object.style.outlineWidth="2px"


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

Значение Описание
medium Задает средний контур. Это значение установлено по умолчанию
thin Указывает тонкие очертания
thick Указывает толстый контур
length Позволяет определить толщину рамки
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Установить ширину контуром:

< !DOCTYPE html>
< html>
< head>
< style>
p.one
{
border:1px solid red;
outline-style:solid;
outline-width:thin;
}
p.two
{
border:1px solid red;
outline-style:dotted;
outline-width:3px;
}
< /style>
< /head>
< body>
< p class="one">текст абзаца.
< p class="two">текст абзаца.
< p>< b>Внимание!!! < /b> IE8 поддерживает контур свойства, только если !DOCTYPE - 
указан.< /p>
< /body>
< /html>                      

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

текст абзаца.

текст абзаца.

Внимание!!! IE8 поддерживает контур свойства, только если !DOCTYPE - указан.




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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: