Styl borderImage Property
Voorbeeld
Spesifiseer 'n prent as die rand rondom 'n <div>-element:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Definisie en gebruik
Die borderImage-eienskap is 'n snelskrif-eienskap vir die opstel van die borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset en borderImageRepeat eienskappe.
Weggelaat waardes word op hul verstekwaardes gestel.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Nommers gevolg deur Webkit, Moz of O spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
Property | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0 Webkit |
11.0 | 15.0 3.5 Moz |
6.0 3.1 Webkit |
15.0 11.0 O |
Sintaksis
Gee die borderImage-eienskap terug:
object.style.borderImage
Stel die borderImage-eienskap:
object.style.borderImage = "source slice width outset repeat|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
borderImageSource | The path to the image to be used as a border |
borderImageSlice | The inward offsets of the image-border |
borderImageWidth | The widths of the image-border |
borderImageOutset | The amount by which the border image area extends beyond the border box |
borderImageRepeat | Whether the image-border should be repeated, rounded or stretched |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | geen 100% 1 0 rek |
---|---|
Terugkeerwaarde: | 'n String, wat die grens-beeld-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
CSS verwysing: border-image eiendom