Manuale di riferimento CSS

Regole CSS (@RULES)

Completo elenco delle proprietà CSS

Proprietà text-align CSS Proprietà right CSS

Metodo e esempio di utilizzo dell'attributo CSS table-layout

L'attributo CSS table-layout specifica l'algoritmo utilizzato per il layout delle celle, delle righe e delle colonne delle tabelle.

La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questo attributo, nonché la sintassi dell'uso dell'attributo nel script JavaScript.

Valore predefinito:	auto
Applicabile a:	Elementi tabella e inline tabella
Ereditarietà:	No
Animabile:	No.Si prega di consultare Attributi animazione.
Versione:	CSS 2、3
Sintassi JavaScript:	oggetto.style.tableLayout="fixed"

Sintassi dell'uso di table-layout

La sintassi di questa proprietà è la seguente:

table-layout:　auto　|　fixed　|　initial　|　inherit

L'esempio seguente dimostra come utilizzare l'attributo table-layout.

Esempio

　　table　{
　　　width:　250px;
　　　table-layout:　fixed;
　　}

Prova a vedere‹/›

Suggerimento:L'algoritmo di layout della tabella fissa permette al browser di layout la tabella più rapidamente rispetto all'algoritmo di layout automatico della tabella. Una volta ricevuta la prima riga, il browser può iniziare a visualizzare la tabella...

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

Valore	Descrizione
auto	L'algoritmo di layout automatico della tabella viene utilizzato per il layout della tabella. La larghezza della tabella e delle celle dipende dal contenuto delle celle. Questo è il valore predefinito.
fixed	L'algoritmo di layout della tabella fissa viene utilizzato per il layout della tabella. Il layout orizzontale della tabella non dipende dal contenuto delle celle; dipende solo dalla larghezza della tabella, dalla larghezza delle colonne e dallo spazio tra i bordi o le celle. La larghezza della tabella e delle colonne è determinata dalla larghezza degli elementi table e col o dalla larghezza della prima riga delle celle.
initial	Imposta questa proprietà al suo valore predefinito.
inherit	Se specificato, l'elemento correlato assume il valore dell'attributo table-layout del suo elemento padre.

Attenzione:L'algoritmo di layout automatico della tabella riduce la velocità di visualizzazione delle tabelle con molte righe o colonne, poiché richiede al browser di accedere a tutto il contenuto della tabella prima di determinare la layout finale.

Compatibilità del browser

Compatibilità dei browser con l'attributo table-layout, i numeri nella tabella seguente rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.

	Firefox 1+ Google Chrome 2+ Internet Explorer 5+ Apple Safari 1+ Opera 7+

Leggi di più

Si prega di consultare le guide relative ai seguenti contenuti:Tabella HTML,Tabella CSS.

Proprietà correlate:width.

Proprietà text-align CSS Proprietà right CSS