CSS border-image-repeat Eiendom
Voorbeeld
Spesifiseer hoe om die randbeeld te herhaal:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Definisie en gebruik
Die border-image-repeat
eienskap spesifiseer of die randbeeld herhaal, afgerond, gespasieer of uitgerek moet word.
Wenk: Kyk ook na die border-image- eienskap ('n snelskrif-eienskap om al die border-image-* eienskappe op te stel).
Standaard waarde: | rek |
---|---|
Geërf: | geen |
Animateerbaar: | geen. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.borderImageRepeat="rond" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-sintaksis
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Let wel: Hierdie eienskap spesifiseer hoe die beelde vir die sye en die middelste deel van die randbeeld geskaal en geteël word. So, jy kan twee waardes hier spesifiseer. As die tweede waarde weggelaat word, word aanvaar dat dit dieselfde is as die eerste.
Eiendomswaardes
Value | Description | Play it |
---|---|---|
stretch | Default value. The image is stretched to fill the area | |
repeat | The image is tiled (repeated) to fill the area | |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
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-slice eiendom
CSS-verwysing: border-image-source eiendom
CSS-verwysing: border-image-width eiendom
HTML DOM verwysing: borderImageRepeat eiendom