Свойство CSS border-image-repeat
Пример
Укажите, как повторить изображение границы:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Определение и использование
Свойство border-image-repeat
указывает, должно ли изображение рамки повторяться, округляться, располагаться с интервалом или растягиваться.
Совет: Также обратите внимание на свойство border-image (сокращенное свойство для установки всех свойств border-image-*).
Значение по умолчанию: | потягиваться |
---|---|
Унаследовано: | нет |
Анимация: | нет. Читать об анимации |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.borderImageRepeat = "круглый" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Синтаксис CSS
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Примечание. Это свойство указывает, как изображения для боковых сторон и средней части изображения границы масштабируются и располагаются мозаикой. Таким образом, вы можете указать здесь два значения. Если второе значение опущено, предполагается, что оно совпадает с первым.
Значения свойств
Value | Description | Play it |
---|---|---|
stretch | Default value. The image is stretched to fill the area | |
repeat | The image is tiled (repeated) to fill the area | |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Связанные страницы
Учебное пособие по CSS: изображения границ CSS
Справочник по CSS: свойство border-image
Справочник по CSS: свойство border-image-outset
Справочник по CSS: свойство border-image-slice
Справочник по CSS: свойство border-image-source
Справочник по CSS: свойство border-image-width
Справочник по HTML DOM: свойство borderImageRepeat