This translation is incomplete. Please help translate this article from English
Описание
The border-image-repeat CSS property defines how the middle part of a border image is handled so that it can match the size of the border. It has a one-value syntax that describes the behavior of all the sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.
| Начальное значение | stretch |
|---|---|
| Применяется к | все элементы, кроме внутренних табличных элементов, когда border-collapse:collapse. Это также применяется к ::first-letter. |
| Наследуется | нет |
| Отображение | визуальный |
| Обработка значения | как указано |
| Animation type | discrete |
| Канонический порядок | уникальный неоднозначный порядок, определённый формальной грамматикой |
Синтаксис
/* border-image-repeat: type */ border-image-value: stretch; /* border-image-repeat: horizontal vertical */ border-image-width: round stretch; /* Глобальные значения */ border-image-repeat: inherit; border-image-repeat: initial; border-image-repeat: unset;
Значения
- type
- One of the
stretch,repeat, orroundkeywords denoting how the image is treated both horizontally and vertically. - horizontal
- One of the
stretch,repeat, orroundkeywords denoting how the image is treated horizontally. - vertical
- One of the
stretch,repeat, orroundkeywords denoting how the image is treated vertically. stretch- Keyword indicating that the image must be stretched to fill the gap between the two borders.
repeat- Keyword indicating that the image must be repeated until it fills the gap between the two borders.
round- Keyword indicating that the image must be repeated until it fills the gap between the two borders. If the image doesn't fit after being repeated for an integral number of times, the image is rescaled to fit.
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.
Формальный синтаксис
[ stretch | repeat | round | space ]{1,2}
Примеры
See border-image for examples of what repeat values will do.
Спецификации
| Спецификация | Статус | Комментарий |
|---|---|---|
| CSS Backgrounds and Borders Module Level 3 Определение 'border-image-repeat' в этой спецификации. |
Кандидат в рекомендации | Первоначальное определение |
Совместимость с браузерами
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Базовая поддержка | 15.0 | 15.0 (15.0) | 11 | 15 | 6[1] |
space |
Нет[1] | Нет[3] | 11 | Нет | 9.1[5] |
round |
30[4] | 15.0 (15.0) | 11 | ? | 9.1[5] |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Базовая поддержка | ? | 15.0 (15.0) | Нет | ? | 9.3[5] |
[1] Support the space value, but the actual effect is the same as the repeat value.
[2] Support the round value, but the actual effect is the same as the repeat value.
[3] См. баг 720531.
[4] См. Chrome bug.
[5] См. WebKit bug.