CSS3 Свойство border-image-repeat
Полный CSS Справочник
Пример
Указать, как повторять изображение-границу:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
} |
|
Поддержка Браузерами
Свойство border-image-repeat не поддерживается ни одним из основных браузеров.
Взгляните лучше на свойство border-image!
Определение и ИспользованиеСвойство border-image-repeat указывает,
должно ли изображение-граница повторяться, повторяться с масштабированием (подгонкой) или растягиваться.
Значение по умолчанию: |
stretch |
Наследуется: |
нет |
Версия: |
CSS3 |
JavaScript синтаксис: |
объект.style.borderImageRepeat="round" |
Синтаксис
border-image-repeat: stretch|repeat|round; |
Замечание: Это свойство указывает, как изображения для сторон и
средней части изображения границы должны масштабироваться и размножаться. Таким образом,
вы можете указать здесь два значения. Если второе значение пропущено, оно принимается
равным первому.
Значение |
Описание |
stretch |
Изображение растягивается, чтобы заполнить всю область |
repeat |
Изображение размножается (повторяется), чтобы заполнить всю область |
round |
Изображение размножается (повторяется), чтобы заполнить всю область. Если оно при этом
не может заполнить всю область целым числом кусков, изображение масштабируется так, чтобы этого
добиться |
Полный CSS Справочник
|