Szerokość, wysokość

Dla elementów na stronie internetowej możemy zdefiniować kolejne cechy opisujące ich rozmiary – szerokość oraz wysokość.

Szerokość

Szerokość ustalamy za pomocą width.

selektor { width: wartość; }

div.blok { width: 300px; background: navy; }

Przykład

Blok o szerokości 300px

Dodatkowo możemy zadeklarować szerokość minimalną – element nie będzie węższy niż zadeklarowana wartość oraz maksymalną – element nie będzie szerszy od zadeklarowanej wartości.

selektor { min-width: wartość; }
selektor { max-width: wartość; }

Wysokość ustalamy za pomocą height.

selektor { height: wartość; }

div.blok { height: 100px; background: navy; }

Przykład

Połączenie właściwości

div.blok { width: 300px; height: 100px; background: navy; }

Przykład

Podobnie jak przy szerokości również tutaj możemy zadeklarować wysokość minimalną – element nie będzie mniejszy niż zadeklarowana wartość oraz maksymalną – element nie będzie wyższy od ustalonej wartości.

selektor { min-height: wartość; }
selektor { max-height: wartość; }