StilborderImageRepeat-egenskap

Definition och användning

borderImageRepeat Ställ in eller returnera om kantbilden ska upprepas (upprepade), fyllas (ronderade) eller sträckas ut (utsträckta).

Se också:

CSS referenshandbok:border-image-repeat egenskap

Exempel

Definiera hur bilden ska upprepas som kantbilden:

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

Prova själv

Syntax

Returnera borderImageRepeat-egenskapen:

object.style.borderImageRepeat

Ställ in borderImageRepeat-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
stretch Standardvärde. Bilden sträcks ut för att fylla området.
repeat Bilden täcker området genom att klistra in (upprepa).
round

Bilden täcker området genom att klistra in (upprepa).

Om området inte fylls med ett helt antal brickor, skalas bilden om för att göra den passande.
space

Bilden täcker området genom att klistra in (upprepa).

Om området inte fylls med ett helt antal brickor, kommer den extra utrymmet att fördelas runt brickorna.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Inheriterar detta egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: stretch
Returvärde: sträng, som anger elementets border-image-repeat egenskap.
CSS version: CSS3

Webbläsare stödjer

Numrerna i tabellen anger den första webbläsareversionen som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
stödjer 11.0 stödjer 6.0 15.0

Se borderImage egenskap.