CSS border-image-width egenskap

Definition och användning

border-image-width-egenskapen specificerar bredden på bildkanten.

Se också:

CSS3教程：CSS3 kanter

Exempel

Specificerar bredden på bildkanten:

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

CSS syntax

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

Kommentar:De fyra värdena för border-image-width-egenskapen specificerar hur kantbilden delas upp i nio delar. De representerar avståndet från områdets övre, högra, nedre och vänstra sidor inåt. Om den fjärde värdet ignoreras är det lika med den andra värdet. Om det tredje värdet utesluts är det lika med det första värdet. Om det andra värdet utesluts är det lika med det första värdet. Det är inte tillåtet att använda negativa värden som border-image-width-värden.

Egenskapsvärde

Värde Beskrivning
number är en multipel av motsvarande border-width.
% Referens till storleken på kantbildsregionen: höjden påverkar den horisontella offset, bredden påverkar den vertikala offset.
auto Om egenskapen specificeras, är bredden den inre bredden hos motsvarande bildavsnitt.

Tekniska detaljer

Standardvärde: none
Arvsförmåga: no
Version: CSS3
JavaScript syntax: object.style.borderImageWidth="30 30"

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

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

se vidare border-image egenskap.