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

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

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

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

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

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


Синтаксис:

                border-image-repeat: stretch|repeat|round|initial|inherit;

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

Значение по умолчанию: stretch
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.borderImageRepeat="round"


Значение Описание
stretch Значение по умолчанию. Изображение расширяется, чтобы заполнить область
repeat Изображение плиточное( повторные), чтобы заполнить область
round Изображение плиточное( повторные), чтобы заполнить область. Если его не заполнить область целое число плиток, изображения вносятся изменения, чтобы он умещался
space Изображение плиточное( повторные), чтобы заполнить область. Если его не заполнить, то область целое число плиток, дополнительное пространство распределяется по всему элементу.
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Указать, как повторить образ-границу:

< !DOCTYPE html>
< html>
< head>
< style> 
div
{
background-color:lightgrey;
border:30px solid transparent;
border-image: url('border.png');
border-image-slice: 30 30 30 30;
border-image-width: 1 1 1 1;
border-image-outset: 0;
border-image-repeat: stretch;
}
< /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-repeat свойство.< /p>
< /body>
< /html>                      

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

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

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

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




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

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

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