Articoli marcati con tag ‘border-color’

CSS3 Showcase

CSS3 Showcase
Negli articoli precedenti (e continueremo di tanto in tanto nei successivi) sono state esposte alcune delle funzionalità CSS3 che consideriamo veramente interessanti. Lo scopo di questo articolo è quello di raccogliere i vari argomenti trattati in una sorta di indice, in continuo aggiornamento, che permetta una facile consultazione dei contenuti trattati… un articolo da aggiungere ai preferiti! ;)
(continua…)

Come creare bordi colorati con CSS3

Un’altra interessante proprietà di CSS3 è border-image. Con questa funzione è possibile utilizzare un’immagine di bordo al posto della solita linea colorata.

border-image attualmente è supporatata da Safari, Google Chrome e Firefox 3.1 (Alpha). La sintassi è:

-moz-border-image: url(”border.png”) 27 27 27 27 round round; /* Firefox 3.1+ */
-webkit-border-image:url(”images/border.png”) 27 27 27 27 round round; /* Safari, Chrome */
border-image:url(”images/border.png”) 27 27 27 27 round round; /* Opera 10.5, IE 9.0 */

Ed il risultato:

Lorem ipsum dolor sit amet.

(continua…)