Last 10 Posts [ In reverse order ]

1. zero bruno
   Posted 6/1/2014, 14:19

   bello ma inutile
2. Red eYe
   Posted 3/9/2012, 00:15

   è sicuramente una cosa molto utile; giusto guardando forumfree basta pensare che per poter creare un bordo per una skin ogni volta si doveva spezzare l'immagine in 8 pezzi per coprire i bordi.
3. Soul-Kun
   Posted 31/8/2012, 11:25

   fooortee!
4. Gohan X
   Posted 30/8/2012, 19:19

   Gran bella funzione bravo flexlex
5. flexlex
   Posted 30/8/2012, 18:34

   la cosa piu bella e' che si possono usare anche i gradienti(anche se credo funzioni solo con chrome)
   faccio un esmepio
   
   

   da nero a rosso

   
   
   

   CODICE

   <div style="border-image:-webkit-linear-gradient(left, black 0%, red 100%) 30 30 stretch;-webkit-border-image:-webkit-linear-gradient(left, black 0%, red 100%) 30 30 stretch;-moz-border-image:-moz-linear-gradient(left, black 0%, red 100%) 30 30 stretch;-o-border-image:-o-linear-gradient(left, black 0%, red 100%) 30 30 stretch;-ms-border-image:-ms-linear-gradient(left, black 0%, red 100%) 30 30 stretch;border-width:5px">da nero a rosso</div>
6. Soul-Kun
   Posted 30/8/2012, 11:25

   wow! Bellissimo! Fantastico, lo strech è bellissimo! Assolutamente da provare!
7. flexlex
   Posted 29/8/2012, 21:07

   (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;

   
   
   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;

   
   
   

   
   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

Review the complete topic (launches new window)