Velikost obsahu

Velikost obsahu prvku lze nastavit pomocí dvou vlastností:

• Výšky (height)
• Šířky (width)

V reálném světě rozměry udáváme např. v centimetrech [cm] nebo metrech [m]. V programování je často udáváme v pixelech [px], kde jeden pixel je jeden bod na obrazovce.

Pro představu, běžný monitor je 1920 pixelů široký a 1080 pixelů vysoký.
To znamená, že kdybychom do naší webové stránky vložili obrázek 1000 pixelů široký, tak by byl zhruba velký jako půlka monitoru a na telefon by se ani nevlezl celý.

Takto bychom nastavili šířku všech obrázků na 1000px a výšku na 500px:

img {
	width: 1000px;
	height: 500px;
}