Style borderImageRepeat ominaisuus

Määritelmä ja käyttö

borderImageRepeat Aseta tai palauta, pitääkö kuvareunuksen täytyä tasoitua (toistettu), täyttää (pyöristetty) tai venyttää (venytetty).

Lisäksi:

CSS viittauskirjaborder-image-repeat ominaisuus

Esimerkki

Määritä kuinka kuva toistetaan reunaviivassa:

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

Kokeile itse

Syntaksi

Palauta borderImageRepeat ominaisuus:

object.style.borderImageRepeat

Aseta borderImageRepeat ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
stretch Oletusarvo. Kuva venytetään täyttääkseen alueen.
repeat Kuva tasoitetaan (toistetaan) täyttääkseen alueen.
round

Kuva tasoitetaan (toistetaan) täyttääkseen alueen.

Jos alue ei täytetä täysin kuvatykkipaloilla, skaalaa kuva uudelleen, jotta se sopii.
space

Kuva tasoitetaan (toistetaan) täyttääkseen alueen.

Jos alue ei täytetä täysin kuvatykkipaloilla, ylimääräinen tila jaetaan kuvatykkipalojen ympärillä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: stretch
Palautusarvo: merkkijono, joka ilmaisee elementin border-image-repeat ominaisuus.
CSS versio: CSS3

Selain tukee

Taulukossa olevat numerot mainitsevat ensimmäisen täysin tukevan selaimen version.

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

Katso borderImage ominaisuus.