Exemplu
Specificați o imagine ca marginea din jurul unui element:
#borderimg
{
border-image-source: url(border.png);
}
Încearcă - l singur » Definiție și utilizare
Proprietatea border-image-sursă specifică calea către imaginea care urmează să fie folosită ca o bordură (instead of the normal border around an element) în (instead of the normal border around an element) în (instead of the normal border around an element) .
Tip: Dacă valoarea este "none" , sau în cazul în care imaginea nu poate fi afișată, vor fi utilizate stilurile de frontieră.
Sfat: De asemenea , uita - te la frontieră imagine proprietate (a shorthand property for setting all the border-image-* properties) .
Valoare implicită: | none |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.borderImageSource=" url(border.png) " Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS Sintaxa
border-image-source: none| Valori de proprietate Valoare Descriere none Nici o imagine va fi utilizată image Calea către imaginea care urmează să fie folosit ca un chenar initial Setează această proprietate la valoarea implicită. Citiți despre inițială 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-repeat property
CSS Referință: border-image-slice property
CSS Referință: border-image-width property de border-image-width property
HTML DOM referință: borderImageSource property