La propietà display in CSS permette di gestire il tipo di elementi presenti nelle pagine.
In genere i contenuti di una pagina sono visualizzati come elementi in linea (inline), elementi blocco (block) oppure come elementi di lista (list-item).
I browser visualizzano i tag secondo le loro impostazioni predefinite, ad esempio, il tag <li> corrisponde a una lista, mentre i tag <p> e <div> sono considerati degli elementi blocco.
Tamite la propietà display possiamo gestire questo tipo di elementi. Possiamo, ad esempio, trasformare una lista in un elemento in linea, oppure possiamo trasformare dei blocchi racchiusi dal tag <p> in una lista ordinata di elementi.
p { display:inline} <p>primo paragrafo</p> |
primo paragrafo
secondo paragrafo
terzo paragrafo
|
|
li { display:inline} <ul> |
|
li { display:block; float:left} <ul> |
|
p { display:list-item} <p>primo paragrafo</p> |
primo paragrafo secondo paragrafo terzo paragrafo |