Atrybut border-image-repeat CSS
- poprzednia strona border-image-outset
- Następna strona border-image-slice
definicja i zastosowanie
Property border-image-repeat określa, czy obraz obramowania powinien być powtarzany (repeated), rozciągnięty (stretched) lub wypełniać obszar (rounded).
innego rodzaju:
tutorial CSS3:Krawędzie CSS3
przykład
określa, jak powtarzać obraz obramowania:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
gramatyka CSS
border-image-repeat: stretch|repeat|round;
komentarz:Ten atrybut określa, jak rozciągać i układać krawędzie i środek obrazu obramowania. Dlatego można określić dwie wartości. Jeśli pominięto drugą wartość, przyjmuje się wartość pierwszą.
wartość atrybutu
| wartość | opis |
|---|---|
| rozciągnięcie | rozciągnij obrazy, aby wypełnić obszar |
| repeat | powtarzaj (powtarzaj) obrazy, aby wypełnić obszar. |
| round | podobne do wartości repeat. Jeśli nie można w pełni powtórzyć wszystkich obrazów, skaluj obrazy, aby dopasować je do obszaru. |
szczegóły techniczne
| domyślna wartość: | rozciągnięcie |
|---|---|
| dziedziczenie: | nie |
| wersja: | CSS3 |
| Język JavaScript: | object.style.borderImageRepeat="round" |
obsługa przeglądarki
Numer w tabeli oznacza pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
patrz border-image atrybut.
- poprzednia strona border-image-outset
- Następna strona border-image-slice
