CSS border-image-source Eiendom
Voorbeeld
Spesifiseer 'n prent as die rand rondom 'n element:
#borderimg
{
border-image-source: url(border.png);
}
Definisie en gebruik
Die border-image-source
eienskap spesifiseer die pad na die beeld wat as 'n grens gebruik moet word (in plaas van die normale rand om 'n element).
Wenk: As die waarde "geen" is, of as die prent nie vertoon kan word nie, sal die randstyle gebruik word.
Wenk: Kyk ook na die grens-beeld- eienskap ('n snelskrif-eienskap vir die opstel van al die grens-beeld-* eienskappe).
Standaard waarde: | geen |
---|---|
Geërf: | geen |
Animateerbaar: | geen. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | objek .style.borderImageSource="url(border.png)" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-sintaksis
border-image-source: none|image|initial|inherit;
Eiendomswaardes
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
CSS handleiding: CSS Border Images
CSS-verwysing: grensbeeld-eienskap
CSS-verwysing: border-image-outset eiendom
CSS-verwysing: border-image-repeat eiendom
CSS-verwysing: border-image-slice eiendom
CSS-verwysing: border-image-width eiendom
HTML DOM verwysing: borderImageSource eiendom