Exemplu
Specificați modul în care să repete imaginea transfrontalieră:
document.getElementById("myDIV").style.borderImageRepeat = "round";
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate borderImageRepeat sau se întoarce dacă imaginea-frontiera ar trebui să fie repetate, rotunjite sau întinse.
Suport pentru browser-
Proprietatea borderImageRepeat nu este acceptat în Opera.
Proprietatea borderImageRepeat nu este acceptată în Internet Explorer 10 și versiunile anterioare.
Proprietatea borderImageRepeat nu este acceptat în Safari 5 și versiunile anterioare.
Uită - te la borderImage proprietate în loc!
Sintaxă
Întoarcere proprietatea borderImageRepeat:
object .style.borderImageRepeat
Setați proprietatea borderImageRepeat:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Valori de proprietate
Valoare | Descriere |
---|---|
stretch | Valoare implicită. Imaginea este întinsă pentru a umple zona |
repeat | Imaginea este cu gresie (repeated) pentru a umple zona |
round | Imaginea este cu gresie (repeated) pentru a umple zona. În cazul în care nu se umple zona cu un număr întreg de dale, imaginea este redimensionată așa că se potrivește |
space | Imaginea este cu gresie (repeated) pentru a umple zona. În cazul în care nu se umple zona cu un număr întreg de plăci, spațiu suplimentar este distribuit în jurul plăcilor |
initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
Valoare implicită: | întinde |
---|---|
Întoarcere Valoare: | Un șir, care reprezintă proprietatea de frontieră imagine-repetare a unui element |
CSS Versiune | CSS3 |
Pagini similare
Referință CSS: border-image-repeat property
<Style Object