Exemplu
Specificați o imagine ca granița în jurul unui <div> Element:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Încearcă - l singur » Definiție și utilizare
Proprietatea borderImage este o proprietate prescurtare pentru stabilirea borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset și borderImageRepeat proprietăți.
Valorile sunt setate la omise valorile lor implicite.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de Webkit, Moz, sau O specificați prima versiune care a lucrat cu un prefix.
Proprietate | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0 Webkit | 11.0 | 15.0 3.5 Moz | 6 3.1 Webkit | 15.0 11.0 O |
Sintaxă
Întoarcere proprietatea borderImage:
object .style.borderImage
Setați proprietatea borderImage:
object .style.borderImage=" Valori de proprietate Valoare Descriere borderImageSource Calea către imaginea care urmează să fie folosit ca un chenar borderImageSlice Compensarilor interioare ale imaginii transfrontaliere borderImageWidth Lățimilor imaginii transfrontaliere borderImageOutset Suma cu care zona de frontieră a imaginii se extinde dincolo de caseta de frontieră borderImageRepeat Dacă imaginea transfrontalieră ar trebui să fie repetate, rotunjite sau întins 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
Detalii tehnice
Valoare implicită: none 100% 1 0 întindere Întoarcere Valoare: Un șir, care reprezintă proprietatea de frontieră imagine a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: border-image property de border-image property
<Style Object