Home >> CSS návod >> CSS Šířka a výška

CSS Šířka a výška

V této lekci se seznámíme s možnostmi nastavení šířky a výšky v CSS.

Pro šířku slouží atribut width a pro výšku atribut height.

Hodnotou těchto atributů jsou ve většině případů pixely, ale můžete také použít procenta.

Příklad:


<div style="background-color:yellow;height:80px;width:250px;">
Tento oddíl ma nastaven přesnou šířku a výšku.
</div>

Výsledek:

Tento oddíl ma nastaven přesnou šířku a výšku.

V CSS můžete také nastavit maximalní šířku a výšku.

Příklad:


<div style="background-color:yellow;max-height:100px;max-width:120px;">
Tento oddíl ma nastaven maximální šířku a výšku.
</div>

Výsledek:

Tento oddíl ma nastaven maximální šířku a výšku.

Příklad:


<div style="background-color:yellow;min-height:120px;min-width:100px;">
Tento oddíl ma nastaven minimální šířku a výšku.
</div>

Výsledek:

Tento oddíl ma nastaven minimální šířku a výšku.