Esempio
Specificare come ripetere l'immagine di confine:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Prova tu stesso " Definizione e utilizzo
La proprietà border-image-repeat specifica se l'immagine di confine deve essere ripetuto, arrotondato o allungato.
Suggerimento: Anche guardare il border-immagine proprietà (a shorthand property for setting all the border-image-* properties) .
| Valore di default: | stretch |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS3 |
| sintassi JavaScript: | object .style.borderImageRepeat="round" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Sintassi
border-image-repeat: stretch|repeat|round|initial|inherit;Note: Questa proprietà specifica come le immagini per i lati e la parte centrale dell'immagine del confine vengono scalati e piastrelle. Quindi, è possibile specificare due valori qui. Se il secondo valore è omesso, si presume essere lo stesso come il primo.
I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| stretch | Valore di default. L'immagine è allungata per riempire l'area | Gioca " |
| repeat | L'immagine è piastrellato (repeated) per riempire l'area | Gioca " |
| round | L'immagine è piastrellato (repeated) per riempire l'area. Se non riempie l'area con un numero intero di piastrelle, l'immagine viene riscalata modo che si adatti | Gioca " |
| space | L'immagine è piastrellato (repeated) per riempire l'area. Se non riempie l'area con un numero intero di piastrelle, lo spazio extra è distribuito attorno alle piastrelle | |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS3 tutorial: Immagini CSS3 Border
CSS Riferimento: border-image property
CSS Riferimento: border-image-outset property
CSS Riferimento: border-image-slice property
CSS Riferimento: border-image-source property
CSS Riferimento: border-image-width property
Di riferimento HTML DOM: borderImageRepeat property