Articoli marcati con tag ‘CSS3’

La proprietà box-shadow dei CSS3

cat-tutorial La proprietà box-shadow dei CSS3

Scopri come usare la proprietà box-shadow dei CSS3...


Il redesign di Blogging CSS, largo uso dei CSS3

cat-siticss Il redesign di Blogging CSS, largo uso dei CSS3

Leggi il resto di questo articolo »


Dichiarare la proprietà border

Dichiarare la proprietà border

La proprietà border è la terza, oltre a margin e padding, che può essere utilizzata per modificare il box in cui è contenuto ogni elemento della pagina HTML (vedi il tutorial Il box model dei CSS).

In un precedente tutorial vi ho spiegato la grammatica delle proprietà margin e padding. In questo tutorial vi spiego invece come dichiarare la proprietà border. Border è simile a margin e padding, ma siccome il bordo è un elemento “fisico”, possiamo dargli delle caratteristiche grafiche in più rispetto a margin e padding, di cui invece possiamo stabilire solo le dimensioni. Come dichiarare la proprietà border...


Tutorial: la proprietà border-radius dei CSS 3

Tutorial: la proprietà border-radius dei CSS 3

Angoli arrotondati ottenuti solo con i CSS, senza immagini

La nuova generazione dei fogli di stile, i CSS 3, è ancora lontana dall’essere pronta per essere utilizzata comunemente, visto che non tutti i browser la supportano ancora. Indovinate chi, per esempio? Esatto, sempre lui, Internet Explorer. Vabbè.

Per un web designer, però, è una buona idea tenersi aggiornati, e cominciare a smanettare con gli strumenti del futuro.

Una delle possibilità regalate dai CSS 3 è quella di ottonere angoli arrotondati attraverso l’uso della proprietà border-radius. Gli angoli arrotondati del rettangolo qui sotto sono frutto dei soli CSS:

Se hai Internet Explorer 7, stai vedendo un rettangolo senza angoli arrotondati, vero? Beh, che ne dici di passare a Firefox?

Leggi il resto del tutorial sul border-radius dei CSS 3...