width
Slouží pro nastavení šírky elementu
height
Slouží pro nastavení výšky elementu
width/height hodnoty
- auto - defaultní hodnota - prohlížeč automaticky vypočítává šířku/výšku
- length - definování rozměrů pomocí px, cm...
- % - definování rozměrů pomocí procent
- inherit - rozměry budou zděděny od rodiče
width/height varianty
- height - nastaví výšku elementu
- max-height - nastaví maximální výšku elementu
- min-height - nastaví minimální výšku elementu
- width - nastaví šířku elementu
- max-width - nastaví maximální šířku elementu
- min-width - nastaví minimální šířku elementu
Pro dobrou responzivitu se často například nastavuje maximální šířka na určité pixely a šířka elementu se nastaví na 100%
Editor
Pro živou ukázku je CSS a JavaScript vepsaný přímo v dokumentu - v praxi tyto soubory vždy oddělujte do externích souborů
<!DOCTYPE html>
<html>
<head>
<style>
div {
max-width: 980px;
width: 100%;
height: 50px;
background: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>