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

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

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

Свойство border-image-source не поддерживается в Opera. Свойство границы-изображения-источника( border-image-source) не поддерживается в Internet Explorer 10 и выше.

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

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


Синтаксис:

                  border-image-source: none|image|initial|inherit;

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

Значение по умолчанию: none
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.borderImageSource="url(border.png)"


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

Значение Описание
none Изображение не будет использоваться
image Путь к образу, который будет использоваться в качестве границы
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Использовать изображение в качестве границы вокруг элемента:

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

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

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


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

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




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

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

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