Exemplu
Specificați modul în care să repete imaginea de frontieră:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea border-image-repetare specifică dacă imaginea de frontieră ar trebui să fie repetate, rotunjite sau întinsă.
Sfat: De asemenea , uita - te la frontieră imagine proprietate (a shorthand property for setting all the border-image-* properties) .
| Valoare implicită: | stretch |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.borderImageRepeat="round" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS Sintaxa
border-image-repeat: stretch|repeat|round|initial|inherit;Note: Această proprietate specifică modul în care imaginile pentru părțile laterale și partea de mijloc a imaginii de frontieră sunt scalate și gresie. Deci, puteți specifica două valori aici. În cazul în care a doua valoare este omis, se presupune a fi la fel ca prima.
Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| stretch | Valoare implicită. Imaginea este întinsă pentru a umple zona | Joaca - l » |
| repeat | Imaginea este cu gresie (repeated) pentru a umple zona | Joaca - l » |
| round | Imaginea este cu gresie (repeated) pentru a umple zona. În cazul în care nu se umple zona cu un număr întreg de dale, imaginea este redimensionată așa că se potrivește | Joaca - l » |
| space | Imaginea este cu gresie (repeated) pentru a umple zona. În cazul în care nu se umple zona cu un număr întreg de plăci, spațiu suplimentar este distribuit în jurul plăcilor | |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Pagini similare
Tutorial CSS3: Imagini CSS3 frontieră
CSS Referință: border-image property
CSS Referință: border-image-outset property
CSS Referință: border-image-slice property
CSS Referință: border-image-source property
CSS Referință: border-image-width property de border-image-width property
HTML DOM referință: borderImageRepeat property