Style borderImageSlice ominaisuus

Määrittely ja käyttö

borderImageSlice Ominaisuus määrittää kuvan reunan sisäisen siirtymän.

Lisäksi:

CSS viittausoppikirja:border-image-slice ominaisuus

Esimerkki

Määritä kuvan reunan sisäinen siirtymä:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Kokeile itse

Syntaksi

Palauta borderImageSlice ominaisuus:

object.style.borderImageSlice

Aseta borderImageSlice ominaisuus:

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
number Luku, joka ilmaisee kuvan pisteitä (jos se on raasteinen kuva) tai vektorydyskoordinaatteja (jos se on vektorikuva).
%

Suhteellinen prosenttiosuus kuvan koosta: kuvan leveys vaikuttaa horisontaaliseen siirtymään, korkeus vaikuttaa vertikaaliseen siirtymään.

Oletusarvo on 100%.
fill Käytä reunan kuvan keskiosaa.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 100%
Palautusarvo: merkkijono, joka ilmaisee elementin border-image-slice ominaisuus.
CSS versioona: CSS3

Selain tukee

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

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

Tarkista borderImage -ominaisuus!