Continuando il nostro percorso del mondo dei css3 oggi scopriamo come realizzare delle colonne multiple ottenendo uno stile utilizzato soprattutto nel’editoria.  E’ una grande novità che viene introdotta perché semplifica di molto le cose al Web Designer se vuole ottenere questo effetto. Senza l’utilizzo dei css3 se si voleva ottenere un simile risultato bisognava associare ogni contenuto ad un div o ad una lista.

Ora si può partire da un semplice testo all’interno di un div e controllarlo attraverso la regola css. Il web designer può partire da definire quante colonne.

#nome_div {
text-align: justify;
-moz-column-count:6;
-moz-column-gap: 2em;
-webkit-column-count:6;
-webkit-column-gap: 2em;}

Oppure la larghezza della colonna.

#nome_div {
text-align: justify;
-moz-column-width: 150px;
-moz-column-gap: 2em;
-webkit-column-width: 15em;
-webkit-column-gap: 2em;}

E se siete pigri di scrive regole css esiste un sito francese che ti aiuta a generare le colonne attraverso la scelta del numero delle colonne, la distanza fra esse, il bordo, lo stile ed il colore di quest’ultimo. Basta copiare ed incollare nel css del vostro sito il codice che vi “spara fuori” il sito.