CSS border-image-width ominaisuus

Määrittely ja käyttö

border-image-width -ominaisuus määrittää kuvareunukkeen leveyden.

Katso myös:

CSS3-opas:CSS3 reunat

esimerkki

Määrittää kuvareunukkeen leveyden:

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

CSS-kieli

border-image-width: number|%|auto;

Huomautus:border-image-width -ominaisuuden neljä arvoa määrittävät reunakuvan jakautumisen yhdeksään osaan. Ne edustavat etäisyyksiä alueen ylä-, oikea-, ala- ja vasemmalta puolelta sisään. 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-width -ominaisuuden arvojen ei tule olla negatiivisia.

ominaisuusarvo

arvo kuvaus
number edustaa vastaavan border-width:n kertoimen.
% Viittaa reunakuvan alueen mittoihin: alueen korkeus vaikuttaa horisontaaliseen siirtymään, leveys vaikuttaa vertikaaliseen siirtymään.
auto Jos määritellään tämä ominaisuus, leveys on vastaavan kuvaleikkauksen oma leveys.

Tekninen tarkistus

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

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täysin tätä ominaisuutta.

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

Katso border-image ominaisuus.