Лучшее руководство по CSS3 границы изображения повторите свойство в 2024 году. В этом руководстве вы можете изучить примеров,Определения и использование,Поддержка браузеров,CSS Синтаксис,Значение свойства,Похожие страницы,
Установите режим повтора изображения:
границы изображения повторите атрибут должен ли быть повторен граница изображения (повторяется), растяжение (растяжение) или покрыты (округленно).
Совет: Вы можете просмотреть границы изображения свойства (сокращённое свойство используется для установки всех приграничных-image- * свойства).
По умолчанию: | растягивать |
---|---|
Наследование: | нет |
Анимация: | нет. См анимируемым |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.borderImageRepeat = "круглый"попробовать |
Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.
свойство | |||||
---|---|---|---|---|---|
границы изображения повтора | 15,0 | 11,0 | 15,0 | 6.0 | 15,0 |
Примечание: Этот атрибут указывает , как расширенный и расположение ребер и средней части кадра изображения.Таким образом, вы можете указать два значения. Если второе значение опущено, и первым взять то же самое значение.
значение | описание | примеров |
---|---|---|
растягивать | По умолчанию. Растягивать изображение, чтобы заполнить область | Посмотреть примеры » |
повторение | Плиточный (повторный), чтобы заполнить область изображения. | Посмотреть примеры » |
круглый | Подобное повторное значение. Если вы не можете завершить все черепичные изображения, изображение масштабируется область. | Посмотреть примеры » |
пространство | Подобное повторное значение. Если вы не можете завершить все плиточные изображения, расширение пространства будет распространяться вокруг изображения | |
начальная | Установите это свойство на значение по умолчанию. См начальная | Посмотреть примеры » |
унаследовать | Это свойство наследуется от родительского элемента. См наследовать |
CSS3 учебник: CSS3 Border
CSS Справка: свойство границы изображения
CSS Справка: граница-Image-ПОВТОР недвижимость
CSS Справка: граница-Image-Slice недвижимость
CSS Справка: граница-Image-Источник недвижимость
CSS Справка: граница-ширина-атрибута изображения
HTML DOM Ссылка: borderImageRepeat недвижимость