Width

width - ustala szerokość elementu blokowego. Polecenie może dawać różny efekt zależnie od użytego modelu pudełkowego. Szerokość elementu nie jest dziedziczona.

Możliwe wartości:

• auto - szerokość dostosowana automatycznie (najczęściej maksymalna dostępna).
• jednostki długości i procenty
• Inherit - przejęcie wartości rodzica
  Przykład użycia:

<div style="border: 1px solid red; width: 200px; padding: 10px;">Ten div ma 220 pikseli szerokości (padding lewy + szerokość + padding prawy).</div>

<div style="border: 1px solid red; width: 200px;"><div style="border: 1px solid green; width: auto;">Automatycznie dopasowana szerokość</div></div>

Jeśli zawartość elementu jest szersza od niego samego, nie zostanie on rozciągnięty (zobacz Overflow i Min-width).

<div style="border: 1px solid red; width: 200px;"><div style="border: 1px solid green; width: 300px;">Element o szerokości 300px, wystaje ponad ten o szerokości 200px.</div></div>

Polecenia pokrewne

* [[css/height]] * [[css/max-width]], [[css/min-width]] * [[css/box-sizing]] * [[css/padding]]

Odpowiednik html

* atrybut [[(X)HTML/Atrybuty/Width]]

Wersja specyfikacji

* CSS 1 * CSS 2 * CSS 2.1

Wsparcie przeglądarek

* Internet Explorer 6 i starsze nieprawidłowo interpretują [[css/model_pudełkowy]], przez co polecenie może dawać efekt inny od oczekiwanego.