CSS border-image-repeat eigenschap
Voorbeeld
Geef op hoe de randafbeelding moet worden herhaald:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Definitie en gebruik
De border-image-repeat
eigenschap specificeert of de randafbeelding herhaald, afgerond, gespreid of uitgerekt moet worden.
Tip: Kijk ook naar de border-image eigenschap (een verkorte eigenschap voor het instellen van alle border-image-* eigenschappen).
Standaardwaarde: | rekken |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.borderImageRepeat="ronde" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-syntaxis
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Opmerking: Deze eigenschap specificeert hoe de afbeeldingen voor de zijkanten en het middengedeelte van de randafbeelding worden geschaald en betegeld. U kunt hier dus twee waarden opgeven. Als de tweede waarde wordt weggelaten, wordt aangenomen dat deze gelijk is aan de eerste.
Eigendomswaarden
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 |
Gerelateerde pagina's
CSS-zelfstudie: CSS-randafbeeldingen
CSS-referentie: eigenschap border-image
CSS-referentie: eigenschap border-image-outset
CSS-referentie: eigenschap border-image-slice
CSS-referentie: eigenschap border-image-source
CSS-referentie: eigenschap border-image-width
HTML DOM-referentie: eigenschap borderImageRepeat