Style borderImageOutset ominaisuus

Määritelmä ja käyttö

borderImageOutset Asettaa tai palauttaa reunakuvan alueen ylittävän reunakonttorin määrän.

Katso myös：

CSS viittausoppikirja：border-image-outset ominaisuus

Esimerkki

Aseta reunakuvaa <div>-elementin reunan ulkopuolelle：

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

Kokeile itse

Syntaksi

Palauta borderImageOutset ominaisuus：

object.style.borderImageOutset

Aseta borderImageOutset ominaisuus：

object.style.borderImageOutset = "length|number|initial|inherit"

Huomautus：borderImageOutset Ominaisuus määrittää reunakuvan ylittävän reunakonttorin määrän. Ylös, oikealle, alas, vasemmalle. Jos neljättä arvoa ei mainita, se on sama kuin toinen arvo. Jos kolmatta arvoa ei mainita, se on sama kuin ensimmäinen arvo. Jos toista arvoa ei mainita, se on sama kuin ensimmäinen arvo. border-image-outset-arvona ei sallita miinusarvoja.

Ominaisuusarvo

Arvo Kuvaus
length Pituusyksikkö, joka määrittää, kuinka kaukana reunakuvasta tulee näkyä. Oletusarvo 0.
number Ilmaisee vastaavan border-width kertaa.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial。
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit。

Tekninen yksityiskohta

Oletusarvo： 0
Palautusarvo： merkkijono, joka ilmaisee elementin border-image-outset ominaisuus。
CSS versioona： CSS3

Selain tukee

Taulukossa olevat numerot osoittavat 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!