Proprietà di dimensione di CSS

Per regolare le varie dimensioni degli oggetti in ed intorno agli elementi del HTML, le proprietà di dimensione di CSS è usata. Queste possono essere larghezza, altezza e definire lo spazio.

Le varie proprietà di dimensione sono:

1.height, minuto-larghezza di larghezza 6 di 2.line-height 3.max-height 4.min-height 5. e 7.max-width.

Altezza

L'altezza di un elemento specificato dalla proprietà di altezza.

Per la rappresentazione delle immagini, questa proprietà è utile.
I valori possibili sono:

automobile, lunghezza e percentuale

automobile

lunghezza

Per difetto, il valore per altezza è auto.
Le lunghezze negative non si concedono.

Codice di CSS

img {height : 200px ;}

Linea-Altezza

La distanza fra due linee adiacenti può essere regolata usando questa proprietà. Le linee di base delle linee adiacenti è la distanza.

Questa proprietà può avere i valori: normale, numero, lunghezza o %.

   normale - questo regola la linea altezza al difetto o al valore ereditato basato sulla dimensione dell'elemento.

   numero - questo regola la linea altezza del serie-formato corrente da moltiplicare dal numero specificato.

    lunghezza - questo regola una distanza fissa fra le linee. Le unità usate sono: em, px, centimetro, pinta.

   % - questo regola la linea altezza in % della dimensione dell'elemento.

Codice di CSS

p { line-height : 75 px;}

Massimo-Altezza

L'altezza massima per un elemento può essere specificata da questa proprietà.

I valori possibili per la proprietà di massimo-altezza sono: nessun, lunghezza, percentuale.

nessun - specifica che non ci sono limiti di altezza imposti all'elemento. lunghezza - specifica l'altezza massima per un elemento. % - specifica l'altezza massima dell'elemento come % dell'altezza del blocco contenente.

p { max-height:100px;}

Minuto-Altezza

L'altezza minima per un elemento specificato da questa proprietà.

I valori possibili per minuto-altezza sono: lunghezza, percentuale.

lunghezza - specifica l'altezza minima per un elemento. % - specifica l'altezza minima dell'elemento come % dell'altezza del blocco contenente.

p { min-height: 50px;}

Aumento seguente di esempio di TThe lo spazio fra le linee

Codice di CSS

<html>
<head>
<style type="text/css">
p.small {line-height: 0.4cm}
p.big {line-height: 0.9cm}
</style>
</head>

<body>
<p>
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
This is a paragraph with a standard line-height.
</p>

<p class="small">
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
This is a paragraph with a smaller line-height.
</p>

<p class="big">
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
This is a paragraph with a bigger line-height.
</p>

</body>
</html>

La tabella follwing descrive le proprietà della lista:

Property	Description	values
height	Sets the height of an element	auto length %
line-height	Sets the distance between lines	auto length %
max-height	Sets the maximum height of an element	auto length %
max-width	Sets the maximum width of an element	length %
min-height	Sets the minimum height of an element	auto length %
min-width	Sets the minimum width of an element	auto length %
width	Sets the width of an element	auto length %