CSS border-image-outset egenskap
- föregående sida border-image
- Nästa sida border-image-repeat
Definition och användning
border-image-outset-egenskapen specificerar mängden som bildens kant överskrider kantboxen.
Se också:
CSS3-guide:CSS3 kanter
exempel
Ställ in border-image-outset-egenskapen:
div { border-image-source: url(border.png); border-image-outset: 30 30; }
CSS-syntax
border-image-outset: längd|number;
Kommentar:border-image-outset-egenskapen specificerar mängden som bildens kant överskrider kantboxen. Överst, till höger, nedan, till vänster. Om den fjärde värdet ignoreras är det samma som det andra värdet. Om det tredje värdet utesluts är det samma som det första värdet. Om det andra värdet utesluts är det samma som det första värdet. Ingen negativt värde tillåts som border-image-outset-värde.
egenskapsvärde
värde | beskrivning |
---|---|
längd | |
number | representerar gånger för motsvarande border-width. |
Tekniska detaljer
Standardvärde: | 0 |
---|---|
Arvsförmåga: | nej |
Version: | CSS3 |
JavaScript-syntax: | object.style.borderImageOutset="30 30" |
Webbläsarstöd
Talen i tabellen anger den första webbläsare som fullständigt stöder egenskapen.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
se border-image egenskap.
- föregående sida border-image
- Nästa sida border-image-repeat