Style borderImageRepeat attribute

Definicja i użycie

borderImageRepeat Ustawienie lub zwracanie, czy obraz obramowania powinien być powtarzany (powtarzany), wypełniony (zaokrąglony) lub rozciągnięty (rozciągnięty).

Zobacz również:

CSS Reference Manual:Atrybut border-image-repeat

Przykład

Określa, jak powtarzać obraz obramowania:

document.getElementById("myDIV").style.borderImageRepeat = "round";

Spróbuj sam

Gramatyka

Zwróć atrybut borderImageRepeat:

object.style.borderImageRepeat

Ustawienie atrybutu borderImageRepeat:

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

Wartość atrybutu

Wartość Opis
stretch Domyślna wartość. Obraz jest rozciągany, aby wypełnić ten obszar.
repeat Obraz jest powtarzany (powtarzany), aby wypełnić ten obszar.
round

Obraz jest powtarzany (powtarzany), aby wypełnić ten obszar.

Jeśli obszar nie jest wypełniony pełną liczbą klocków, obraz zostanie ponownie skalowany, aby pasował.
space

Obraz jest powtarzany (powtarzany), aby wypełnić ten obszar.

Jeśli obszar nie jest wypełniony pełną liczbą klocków, dodatkowa przestrzeń zostanie rozłożona wokół klocków.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: stretch
Wartość zwracana: ciąg znaków, który oznacza Atrybut border-image-repeat.
Wersja CSS: CSS3

Przeglądarka obsługuje

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane 11.0 Wspierane 6.0 15.0

Zobacz także Atrybut borderImage.