Senta Scusi Prof

Un simpatico repertorio di risorse per la didattica

Inserisci la password per confermare la modifica:

Titolo:

Testo:

Ecco un elenco dei principali valori della proprietà CSS display con una breve descrizione per ciascuno:<ol><li>display: block: L'elemento si comporta come un blocco. Occupa tutta la larghezza disponibile e inizia su una nuova riga. Esempi: <div>, , <h1>, ecc.</li><li>display: inline: L'elemento si comporta come un elemento in linea. Non inizia su una nuova riga e occupa solo lo spazio necessario al suo contenuto. Esempi: , <a>, , ecc.</li><li>display: inline-block: Combina caratteristiche di elementi in linea e di blocco. Non inizia su una nuova riga ma può avere larghezza e altezza impostate come un blocco.</li><li>display: flex: Crea un container flessibile che permette di allineare e distribuire gli elementi figli lungo un asse orizzontale o verticale. Utilizzato per layout flessibili e responsive.</li><li>display: grid: Definisce un container a griglia bidimensionale che consente di disporre gli elementi figli in righe e colonne. Ideale per layout complessi.</li><li>display: table: Simula il comportamento di una tabella HTML. L'elemento si comporta come un <table>, con contenuti che si dispongono come righe e celle.</li><li>display: table-row: L'elemento si comporta come una riga di tabella (<tr>).</li><li>display: table-cell: L'elemento si comporta come una cella di tabella (<td>).</li><li>display: none: Nasconde completamente l'elemento. L'elemento non occupa spazio nella pagina e non viene visualizzato.</li><li>display: contents: L'elemento stesso non viene renderizzato, ma i suoi figli sì. L'elemento diventa "trasparente" al DOM, come se non esistesse.</li><li>display: inline-flex: Simile a display: flex, ma l'elemento rimane in linea, come inline-block.</li><li>display: inline-grid: Simile a display: grid, ma l'elemento rimane in linea, come inline-block.</li></ol>

Categoria:

Senta scusi prof