Style borderImage ominaisuus

Määritelmä ja käyttö

borderImage Ominaisuus on lyhenteenä seuraaville ominaisuuksille:

Ohitettu arvo asetetaan oletusarvoon.

Lisäksi katso:

CSS viittausopas:border-image ominaisuus

Esimerkki

Määritä kuva <div> elementin borderiksi:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Kokeile itse

Syntaksi

Palauta borderImage ominaisuus:

objekti.style.borderImage

Aseta borderImage ominaisuus:

objekti.style.borderImage = "lähde palanleikkaus leveys ulos toistu|alkuperäinen|perittynyt"

Ominaisuusarvo

Arvo Kuvaus
borderImageSource Kuvan polku, jota käytetään borderina.
borderImageSlice Kuvaborderin sisäinen siirtymä.
borderImageWidth Kuvaborderin leveys.
borderImageOutset Kuvaborderin alue, joka ylittää border-boxin.
borderImageRepeat Kuvaborderin tulisi olla (toistettu) rullautuva, (pyöristetty) täyttävä vai (venytetty) venytetty.
alkuperäinen Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso alkuperäinen.
perittynyt Perii tämän ominaisuuden isältään. Katso perittynyt.

Tekninen yksityiskohta

Oletusarvo: ei mitään 100% 1 0 stretch
Palautusarvo: merkkijono, joka ilmaisee elementin border-image ominaisuus.
CSS versio: CSS3

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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