3

kurs

css

Lekcja 10: Szerokość, wysokość

css

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

Blok o wysokości 100px

Połączenie właściwości

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

Blok o szerokości 300px i wysokości 100px

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ść; }
comments powered by Disqus

Do góry