Lez.13 - Corso Intermedio Css

DIMENSIONE della TABELLA
La Grandezza della Tabella in un foglio di stile Css

Dimensione della Tabella

Le dimensioni di una tabella sono date dalle dimensioni del contenuto che contiene essa stessa.

Per esempio, ammettiamo che il contento sia un testo, se di questo testo ne variamo la proprietà font-size la tabella subito si adatterà alle nuove dimensioni del testo.

Per variare le dimensioni della tabella a nostro piacimento usiamo le proprietà: width (larghezza) e height (altezza).

Per riassumere:
le dimensioni di una tabella dipendono dal suo contenuto.
Possiamo assegnare una dimenzione fissa o variabile all'intera tabella o alle parti che la compongono come righe e celle, o a soltanto ad alcuni determinati elementi.

Il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>DIMENSIONE della TABELLA</title>
  <meta charset="utf-8">
  <style type="text/css">
	body {
		background-color: aqua;
	}
	table {
		background-color: #91CF5F;
		width: 70%;
	}
	th {
		background-color: darkkhaki;
	}
	tr th {
		height: 50px;	
	}
	tr {
		background-color: #AA2225;
		height: 30px;
	}
  </style>
 </head>
 <body>			    
   <h1>Dimensioni delle tabelle</h1>
   <table>
	<tr>
		<th>Mese</th><th>Vendite</th>
	</tr>
	<tr>
		<td>Gennaio</td><td>10</td>
	</tr>
	<tr>
		<td>Febbraio</td><td>20</td>
	</tr>
	<tr>
		<td>Marzo</td><td>30</td>
	</tr>
   </table>
 </body>               
</html>