CSS border-image-repeat Свойство
Пример
Укажите, как повторить изображение границы:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Определение и использование
Свойство border-image-repeat
указывает, должно ли изображение границы повторяться, округляться или растягиваться.
Совет: Также посмотрите на свойство border-Image (Сокращенное свойство для установки всех свойств Border-Image-*).
Значение по умолчанию: | stretch |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.borderImageRepeat="round" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Синтаксис CSS
border-image-repeat: stretch|repeat|round|initial|inherit;
Примечание: Это свойство определяет, как изображения для сторон и средней части изображения границы масштабируются и мозаично. Таким образом, здесь можно указать два значения. Если второе значение опущено, предполагается, что оно совпадает с первым.
Значения свойств
Значение | Описание | |
---|---|---|
stretch | Значение по умолчанию. Изображение растягивается, чтобы заполнить область | |
repeat | Изображение мозаично (повторяется) для заполнения области | |
round | Изображение мозаично (повторяется) для заполнения области. Если он не заполняет область целым числом плиток, изображение масштабируется так, чтобы оно соответствовало | |
space | Изображение мозаично (повторяется) для заполнения области. Если он не заполняет область с целым числом плиток, то дополнительное пространство распределяется вокруг плитки | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Border Images
CSS Справка: border-image Свойство
CSS Справка: border-image-outset Свойство
CSS Справка: border-image-slice Свойство
CSS Справка: border-image-source Свойство
CSS Справка: border-image-width Свойство
HTML DOM Справочник: borderImageRepeat Свойство