Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start] • [Elementy HTML] • [Atrybuty HTML] • [Style CSS] • [Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory] • [tekst] • [czcionki] • [rozmiary] • [pozycje] • [tabele] • [listy] • [formularze]
[struktura] • [linki] • [multimedia] • [bloki] • [obramowania] • [tła] • [synteza] • [druk]

width

nie zalecany w elementach HR, TD, TH, APPLET, PRE zastąp stylem: width

Wartości atrybutu:

• piksele

szerokość w pikselach, np. width=100

• procenty

szerokość w procentach, np. width=80%

• liczba znaków

szerokość w znakach stosowana tylko w elemencie PRE

• 0*

specjalna, dodatkowa wartość stosowana w elementach COLGROUP i COL, definiująca minimalną szerokość, która jest w stanie poprawnie wyświetlić kolumnę tekstu.

• COLGROUP, COL, TABLE, IMG, OBJECT, IFRAME
• nie zalecany, zastąp stylem w: HR, TD, TH, APPLET, PRE

• Przykład 1:

Powiększenie obrazka - standardowo "buźka" ma wymiar 12x12 pikseli, ale wpisując width="24" powiększamy ją dwa razy. Przy okazji automatycznie zwiększa się wysokość (jeżeli nie została podana), która też ma teraz 24 piksele.

<img src="../p/sm.gif" width="24">

• Przykład 2:

<table width="50%" border="1"><tr><td>
  A to tabelka, która ma dokładnie 50 proc. szerokości ekranu.
  Jak widać, tekst zostaje automatycznie zawijany
</td></tr></table>

A to tabelka, która ma dokładnie 50 proc. szerokości ekranu. Jak widać, tekst zostaje automatycznie zawijany

• Przykład 3:

<pre width="30">
  W swoich założeniach element
PRE ma skalować tekst tak, aby 
jego szerokość w linii nie 
przekraczała 30 znaków. 
</pre>

  W swoich założeniach element
PRE ma skalować tekst tak, aby 
jego szerokość w linii nie 
przekraczała 30 znaków.