CSS border-image-source eigenschap
Voorbeeld
Specificeer een afbeelding als de rand rond een element:
#borderimg
{
border-image-source: url(border.png);
}
Definitie en gebruik
De border-image-source
eigenschap specificeert het pad naar de afbeelding die als rand moet worden gebruikt (in plaats van de normale rand rond een element).
Tip: Als de waarde "geen" is of als de afbeelding niet kan worden weergegeven, worden de randstijlen gebruikt.
Tip: Kijk ook naar de border-image eigenschap (een verkorte eigenschap voor het instellen van alle border-image-* eigenschappen).
Standaardwaarde: | geen |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.borderImageSource="url(border.png)" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-syntaxis
border-image-source: none|image|initial|inherit;
Eigendomswaarden
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
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-repeat
CSS-referentie: eigenschap border-image-slice
CSS-referentie: eigenschap border-image-width
HTML DOM-referentie: borderImageSource-eigenschap