CSS border-image-repeat ominaisuus
- edellinen sivu border-image-outset
- Seuraava sivu border-image-slice
Määrittely ja käyttö
border-image-repeat ominaisuus määrittelee, tulisiko kuvakkeiden reunakuvaa toistaa (toistettu), venyttää (venytetty) tai täyttää (pyöristetty).
Lisäksi katso:
CSS3 oppitunti:CSS3 reunat
Esimerkki
Määritä, miten kuvakkeet toistetaan reunakuvassa:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
CSS kieli
border-image-repeat: stretch|repeat|round;
Huomautus:Tämä ominaisuus määrittelee, miten reunakuvan reunat ja keskiosat levitetään ja sijoitetaan. Siksi voit määrittää kaksi arvoa. Jos toista arvoa ei ole määritelty, toista arvoa käytetään.
Ominaisuuden arvo
| Arvo | Kuvaus |
|---|---|
| stretch | Täytä alue venytetyillä kuvilla |
| repeat | Täytä alue kuvakkeilla (toistettu). |
| round | Samanlaiset repeat-arvot. Jos kaikki kuvat eivät voi täysin täyttää aluetta, kuvia skaalataan alueen sopivuuden mukaisesti. |
Tekninen yksityiskohta
| Oletusarvo: | stretch |
|---|---|
| Perintä: | ei |
| Versio: | CSS3 |
| JavaScript kieli: | object.style.borderImageRepeat="round" |
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täysin tätä ominaisuutta.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
katso border-image ominaisuus.
- edellinen sivu border-image-outset
- Seuraava sivu border-image-slice
