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

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

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

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

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

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


Синтаксис:

                border-image-width: number|%|auto;

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

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


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

Значение Описание
length Длина блока (px), указав размер ширины границы
number Значение по умолчанию 1. Представляет кратные соответствующего border-width
% Обозначает размер пограничной зоны изображения: ширина области для горизонтального смещения, высота вертикального смещения
auto Если указана ширина, внутренняя ширина или высота соответствующий фрагмент изображения
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

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

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

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


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

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




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

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

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