Um verschiedene Maße der Gegenstände und um in den HTML Elementen einzustellen, wird die CSS Maßeigenschaften benutzt. Diese können Breite, Höhe und Definieren des Raumes sein.

Verschiedene Maßeigenschaften sind:

1.height, 2.line-height 3.max-height 4.min-height 5. width 6. min-width and 7.max-width.

Höhe

Die Höhe eines Elements spezifiziert durch die Höhe Eigenschaft.

Für die übertragung von Bildern, ist diese Eigenschaft nützlich.
Mögliche Werte sind:

Automobil, Länge und Prozentsatz

Automobil

Länge

Durch Rückstellung ist Wert für Höhe Selbst.
Negative Längen werden nicht gewährt.

CSS Code

img {height : 200px ;}

Linie-Höhe

Der Abstand zwischen zwei angrenzenden Linien kann mit dieser Eigenschaft eingestellt werden. Die Grundlinieen der angrenzenden Linien ist der Abstand.

Diese Eigenschaft kann die Werte haben: Normal, Zahl, Länge oder %.

normal - dieses stellt Zeilenhöhe auf die Rückstellung oder den übernommenen Wert ein, die auf der Schriftkegelgröße des Elements basieren.

Zahl - dieses stellt Zeilenhöhe der gegenwärtigen mit ein der spezifizierten worden Zahl multipliziert zu werden Schriftkegelgröße.

Länge - dieses stellt einen örtlich festgelegten Abstand zwischen die Linien ein. Die benutzten Maßeinheiten sind: EM, px, Zentimeter, Pint.

% - dieses stellt Zeilenhöhe in % der Schriftkegelgröße des Elements ein.

CSS Code

p { line-height : 75 px;}

Maximum-Höhe

Die maximale Höhe für ein Element kann durch diese Eigenschaft spezifiziert werden.

Mögliche Werte für Maximumhöhe Eigenschaft sind: keine, Länge, Prozentsatz.

keine - spezifiziert, daß es keine Höhe Begrenzungen gibt, die dem Element auferlegt werden. Länge - spezifiziert die maximale Höhe für ein Element. % - spezifiziert die maximale Höhe des Elements als % der Höhe des enthaltenen Blockes.

p { max-height:100px;}

Minute-Höhe

Die minimale Höhe für ein Element spezifiziert durch diese Eigenschaft.

Mögliche Werte für Minutehöhe sind: Länge, Prozentsatz.

Länge - spezifiziert die minimale Höhe für ein Element. % - spezifiziert die minimale Höhe des Elements als % der Höhe des enthaltenen Blockes.

p { min-height: 50px;}

TThe folgende Beispielzunahme der Raum zwischen Linien

CSS Code

<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>

Die follwing Tabelle beschreiben die Liste Eigenschaften:

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 %