Style borderImage egenskab

Definition og brug

borderImage Egenskaben er en kortform for at sætte følgende egenskaber:

Udeladte værdier sættes til deres standardværdi.

Se også:

CSS Reference Manual:border-image egenskab

Eksempel

Angiv billedet som kant for <div>-elementet:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Prøv det selv

Syntaks

Returner borderImage egenskab:

object.style.borderImage

Indstil borderImage egenskab:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Egenskabsværdi

Værdi Beskrivelse
borderImageSource Stien til billedet, der skal bruges som kant.
borderImageSlice Indvendig offset for kantbilledet.
borderImageWidth Bredden af kantbilledet.
borderImageOutset Mængden af området for kantbilledet, der overskrider kantboksen (border box).
borderImageRepeat Bordbilledet skal tiler (gjentages), fyldes (afrundet) eller strækkes (strakt).
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arve denne egenskab fra sin forældreelement. Se inherit.

Tekniske detaljer

Standardværdi: none 100% 1 0 stretch
Returværdi: streng, der angiver elementets border-image egenskab.
CSS version: CSS3

Browserunderstøttelse

Tabletets tal angiver den første version af browseren, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0