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

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

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

Свойство граница-изображения-вне( border-image-outset) не поддерживается в Opera. Граница-изображения-вне( border-image-outset) свойство не поддерживается в Internet Explorer 10 и выше. Граница-изображения-вне( border-image-outset) свойство не поддерживается в Safari 5 и выше. Посмотрите на свойство границы-изображения( border-image) вместо этого!

Определение и использование.Граница-изображения-вне( border-image-outset) свойство определяет величину, на которую в пограничной зоне изображение выходит за пределы границ окна. Внимание!!! Свойство граница-изображения-вне( border-image-outset) определяет величину, на которую пограничной зоне изображение выходит за пределы границ окна в верхней, правой, нижней и левой сторон. Если четвертое значение опущено, то так же, как во втором. Если третье значение также опущен, то так же, как в первом. Если второе значение также опущено, то так же, как в первом. Отрицательные значения не допускаются для любого из значений border-image-outset.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство border-image-outset, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

                border-image-outset: length|number|initial|inherit;

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

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


Значение Описание
length Длина блока, насколько далеко от кромки border-image будет выглядеть. Значение по умолчанию-0
number Представляют кратные соответствующего border-width
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Навести пограничные 5 пикселей за пределами краев элемента < div>:

< !DOCTYPE html>
< html>
< head>
< style> 
div
{
background-color:lightgrey;
border:30px solid transparent;
border-image: url('../fon/border.jpg');
border-image-slice: 30 30 30 30;
border-image-width: 1 1 1 1;
border-image-outset: 15px;
border-image-repeat: round;
}
< /style>
< /head>
< body>
< div>
< p>Это элемент DIV, который использует изображение в качестве границы.< /p>
< /div>
< p>Вот изображение, которое используется:< /p>
< img src="../fon/border.jpg">

< p>< b>Внимание!!! < /b>Internet Explorer 10, Opera и Safari 5 не поддерживают 
                                          border-image-outset свойство.< /p>
< /body>
< /html>                      

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

Это элемент DIV, который использует изображение в качестве границы.


Вот изображение, которое используется:

Внимание!!! Internet Explorer 10, Opera и Safari 5 не поддерживают border-image-outset свойство.




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
... ... ...

обратно на главную     назад    дальше     вперед

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