La proprietà "display" nei CSS
I CSS(Cacading Style Sheets) sono uno strumento potente, poichè permettono un pieno controllo sugli elementi della pagina. Questa è una cosa che, più o meno, sappiamo tutti. Quello che non sappiamo (scusate se vi coinvolgo :P) è che i fogli di stile sono caratterizzati da una vasta gamma di proprietà e valori, alcune delle quali sono spesso poco conosciute... quasi "misteriose".
Così, qualche giorno fa, ho deciso di approfondire la questione, studiando cause ed effetti di tutti i valori possibili per la proprietà CSS display.
Dopo alcuni giorni di lavoro (e di pausa), ho finalmente completato la pagina di analisi e verifica della proprietà
.display
Il documento prende in esame ogni tipo di valore possibile: vengono tralasciati i parametri block, inline e none, poichè generalmente sono quelli più conosciuti ed utilizzati, e non mi sembrava il caso ritornarci sopra.
Premesso questo, il test analizza le altre nove possibilità.
Per ogni voce c'è una spiegazione (spesso tradotta dalle pagine del consorzio o da altre guide online), seguita da una lista di browser compatibili (purtroppo poco precisa) e da un esempio. Quest'ultimo è organizzato con bordi di diverso colore, in modo tale da facilitare la distinzione di ogni elemento.
A piè di pagina, infine, ho inserito una lista di fonti dalle quali ho preso spunto durante la lavorazione, che spero possa essere utile per chi ha intenzione di approfondire ulteriormente l'argomento.
Non so quanto questo lavoro possa essere stato costruttivo. Mi auguro, comunque, di essere stato d'aiuto per chi, come me, desidera colmare alcuni dubbi nell'ambito della presentazione. :)
Grazie ekoes, mi hai chiarito molte cose sul display.