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 Свойство