Ultimele tutoriale de dezvoltare web
 

Style borderImage Property

<Style Object

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