Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS3 Свойство border-image-repeat


CSS Справочник Полный CSS Справочник

Пример

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

div
{
border-image-source: url(border.png);
border-image-repeat: round;
}

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство border-image-repeat не поддерживается ни одним из основных браузеров.

Взгляните лучше на свойство border-image!


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

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

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


Синтаксис

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

Замечание: Это свойство указывает, как изображения для сторон и средней части изображения границы должны масштабироваться и размножаться. Таким образом, вы можете указать здесь два значения. Если второе значение пропущено, оно принимается равным первому.

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


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru