Szerokość
| Dane w pigułce | |
| Zastosowanie | określenie szerokości elementu |
| Dziedziczenie | nie |
| Wartości | wartość w jednostkach lub procentach, auto (automatyczna) |
| Wartość domyślna | auto |
| Przykład | width:200pt; |
| Uwagi | wartość procentowa określana jest w stosunku do elementu nadrzędnego |
| Odpowiednik w HTML | atrybut width |
Aby zdefiniować szerokość elementu blokowego, należy wpisać w definicji stylu width: wartość.
Polecenie ustala szerokość elementu.
<p style="width: 150px">Treść akapitu </p>
To jest akapit o szerokości 150 pikseli.
To jest akapit o szerokości 15 cm. To jest akapit o szerokości 15 cm. To jest akapit o szerokości 15 cm.
<p style="width:80%">Treść akapitu</p>
Akapit o szerokości 80% (elementu nadrzędnego w hierarchii, czyli tutaj szerokości bloku). Akapit o szerokości 80% (elementu nadrzędnego w hierarchii, czyli tutaj szerokości bloku).
Tabela o szerokości 10 cm.
<table style="width: 10cm; border: solid 1px black;">
| 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 2.1 To jest komórka 2.1. | To jest komórka 2.2 To jest komórka 2.2. |
Obrazek o wymuszonej szerokości 4cm.
<img src="kubus.jpg" alt="Małpka Kubuś w schronisku na Paluchu" style="width: 4cm; border: solid 1px">
Wykaz o szerokości 7cm.
<ul style="width: 7cm">
- punkt 1 punkt 1 punkt 1 punkt 1 punkt 1 punkt 1
- punkt 2 punkt 2 punkt 2 punkt 2 punkt 2 punkt 2
- punkt 3 punkt 3 punkt 3 punkt 3 punkt 3 punkt 3
Linia o szerokości 50 procent elementu nadrzędnego.
<hr style="width: 50%">