Style border Właściwość powtarzania obrazu
Przykład
Określ, jak powtórzyć obramowanie obrazu:
document.getElementById("myDIV").style.borderImageRepeat = "round";
Definicja i użycie
Właściwość borderImageRepeat określa lub zwraca, czy obramowanie obrazu powinno być powtórzone, zaokrąglone czy rozciągnięte.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
borderImageRepeat | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Zamiast tego spójrz na właściwość borderImage !
Składnia
Zwróć właściwość borderImageRepeat:
object.style.borderImageRepeat
Ustaw właściwość borderImageRepeat:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
stretch | Default value. The image is stretched to fill the area |
repeat | The image is tiled (repeated) to fill the area |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits |
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 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | rozciągać |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość border-image-repeat elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: właściwość border-image-repeat