Атрибут border-image-repeat CSS
- предыдущая страница border-image-outset
- Следующая страница border-image-slice
определение и использование
атрибут border-image-repeat определяет, должно ли изображение рамки быть повторенным (повторенным), растянутым (растянутым) или заполненным (округленным).
смотрите также:
CSS3 учебник:Рамки CSS3
пример
определяет, как повторять изображение рамки:
div { border-image-source: url(border.png); border-image-repeat: round; }
CSS грамматика
border-image-repeat: stretch|repeat|round;
备注:Этот атрибут определяет, как расширять и разрабатывать края и середину рамки изображения. Таким образом, можно определить два значения. Если пропущен второй параметр, то используется значение первого параметра.
значение атрибута
значение | описание |
---|---|
растянуть | растянуть изображение для заполнения области |
repeat | ткань (повторение) изображения для заполнения области. |
round | аналогично значению repeat. Если не удается полностью повторить все изображения, то их масштабируют, чтобы они соответствовали области. |
технические детали
по умолчанию: | растянуть |
---|---|
наследование: | нет |
версия: | CSS3 |
JavaScript грамматика: | object.style.borderImageRepeat="round" |
поддержка браузерами
числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
смотрите также border-image атрибут.
- предыдущая страница border-image-outset
- Следующая страница border-image-slice