CSS border-image-source egenskab
- sidste side border-image-slice
- Næste side border-image-width
Definition og brug
border-image-source egenskaben definerer det billede, der skal bruges i stedet for kantstilen, som er indstillet i border-style egenskaben.
Tip:Hvis værdien er "ingen", eller hvis billedet ikke kan vises, brug kantstilen.
Se også:
CSS3 tutorial:CSS3 kanter
Eksempel
Brug et billede som kant omkring div-elementet:
div { border-image-source: url(border.png); }
CSS syntaks
border-image-source: ingen|billede;
Egenskabsværdi
Værdi | Beskrivelse |
---|---|
ingen | Brug ikke billede. |
billede | Stien til billedet, der bruges som kant. |
Tekniske detaljer
Standardværdi: | ingen |
---|---|
Arv: | nej |
Version: | CSS3 |
JavaScript syntaks: | object.style.borderImageSource="url(border.png)" |
browserunderstøttelse
Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
se også border-image egenskab.
- sidste side border-image-slice
- Næste side border-image-width