Uwaga: nie wszystkie elementy stylów są akceptowane przez przeglądarki, w których rozpoczęto implementację stylów.
Ustala szerokość elementu blokowego.
<p style="width: 150px"> </p> pozwoli uzyskać akapit o szerokości 150 pikseli.
To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit.
Akapit o szerokości 15 cm
To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit.
Akapit o szerokości 120% (elementu nadrzędnego w hierarchii, czyli tutaj szerokości strony) - width=120% (nie działa w Navigatorze)
To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit. To jest akapit.
Tabela o szerokości 10cm (nie działa w Navigatorze)
| To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 | To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 |
| To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 | To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 |
Obrazek o wymuszonej szerokości 4cm (nie działa w Navigatorze i powoduje błędne umieszczenie obrazka)
Bez przykładu (rujnuje wyświetlanie w NC)
Wykaz o szerokości 5cm
Linia o szerokości 50 procent (strony)
Ustala minimalną szerokość dla elementu. Składnia: min-width: wartość. Przeglądarki nie interpretują tego polecenia.
Określa dozwolone maksimum szerokości dla elementu. Składnia: max-width: wartość. Przeglądarki nie interpretują tego polecenia.
Polecenie wstawia dodatkową przestrzeń nad i pod elementem, rozdzielając ją równo (Netscape akurat dodaje u góry).
Polecenie: line-height: wartość.
Poniższy przykład (<div STYLE="line-height: 300%; font-size: 11pt"></div>), pokazany na tle zwykłego przełamania wiersza, pokazuje sens użycia.
Jakaś tam treść jakaś tam treść jakaś tam treść jakaś tam treść przełamanie<p style="height: 1cm">Akapit Akapit Akapit Akapit Akapit Akapit </p>
Normalny Akapit Akapit Akapit Akapit Akapit Akapit
Akapit o wysokości 1 cm Akapit Akapit Akapit Akapit Akapit
Normalny Akapit Akapit Akapit Akapit Akapit Akapit
Tabela o wysokości 4 cm (nie działa w Navigatorze)
| To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 To jest komórka 1.1 | To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 To jest komórka 1.2 |
| To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 To jest komórka 2.1 | To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 To jest komórka 2.2 |
Określa minimalną dozwoloną wysokość elementu. Składnia: min-height: wartość. Przeglądarki nie interpretują tego polecenia.
Określa maksymalną dozwoloną wysokość elementu. Składnia: max-height: wartość. Przeglądarki nie interpretują tego polecenia.