CSS border-image-outset ominaisuus

määritelmä ja käyttö

border-image-outset-ominaisuus määrittää reunakuvan ylittävän määrän reunalehden kehystä kohti.

Katso myös:

CSS3-opas:CSS3 reunat

esimerkki

Aseta border-image-outset-ominaisuus:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

CSS-kieli

border-image-outset: length|number;

huomautus:border-image-outset-ominaisuus määrittää reunakuvan ylittävän määrän reunalehden kehystä kohti. Ylempänä, oikeana, alapuolella ja vasemmalla. Jos neljäs arvo jätetään pois, se on sama kuin toinen arvo. Jos kolmas arvo jätetään pois, se on sama kuin ensimmäinen arvo. Jos toinen arvo jätetään pois, se on sama kuin ensimmäinen arvo. border-image-outset-arvona ei sallita miinusarvoja.

ominaisuusarvo

arvo kuvaus
length
number Edustaa vastaavan border-width:n kertaa.

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.style.borderImageOutset="30 30"

Selaimen tuki

Taulukossa olevat numerot antavat tiedon ensimmäisestä selaimesta, joka täysin tukee tätä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

Katso border-image ominaisuus.