(immagine presa da http://w3schools.com)per tagliare l'immagine usiamo questa sintassi
CODICE
border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
ovviamente dobbiamo di nuovo aggiungere i prefissi
CODICE
-webkit-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-moz-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-o-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-ms-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-moz-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-o-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-ms-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
pero' una volta ritagliata l'immagine, possiamo scegliere quanto largo deve il bordo usando border-width
CODICE
-webkit-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-moz-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-o-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-ms-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
border-width:15px;
-moz-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-o-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
-ms-border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
border-image:url(http://www.w3schools.com/cssref/border.png) 30 30 strech;
border-width:15px;
LOL
cosa fanno stretch e round
quel esmepio di bordi qui sopra e' stretch (stira)
round
strech: stira l'immagine fino a riempie tutta la larghezza
round: ripete l'immagine fino a riempie tutta la larghezza
.
