Atrybut HTML: width











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

Atrybut definiuje szerokość elementu.

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.

Atrybut używany w elementach:

• COLGROUP,
COL,
TABLE,
IMG,
OBJECT,
IFRAME

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

Przykładowe zastosowania:

• 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.


 • • •
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!