Parametr display reguluje spos≤b wy╢wietlania element≤w, tworz▒c z nich elementy blokowe, liniowe czy punkty wykazu. Lista warto╢ci jest bardzo obszerna, ale jest interpretowana przez przegl▒darki w spos≤b szcz▒tkowy.
Lista obejmuje: none, block, inline, list-item, run-in, compact, marker, table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption.
Kilka dzia│aj▒cych przyk│ad≤w:
Dwa akapity mog▒ byµ ustawione w jednym wierszu, gdy obu nadamy warto╢µ inline (IE5). Normalnie nie jest mo┐liwe, gdy┐ akapit jest blokiem rezerwuj▒cym dla siebie odrΩbne "pude│ko".
<P style="display:inline"><B>Akapit pierwszy </B></P>
<P style="display:inline"><i>Akapit drugi</i></P>
Akapit pierwszy
Akapit drugi
Podobnie, w jednym rzΩdzie z tekstem mo┐emy ustawiµ tabelΩ, dodaj▒c w niej parametr display:inline.:
tekst przed tabelk▒
| 111 | 222 |
| 333 | 444 |
Element nie bΩd▒cy z natury blokiem, jak obrazek, mo┐emy oznaczyµ jako blok, wskutek czego nie bΩdzie s▒siadowa│ poziomo z innym elementem.
Przyk│ad obrazka i tekstu bez display:block
jaki╢ tam tekst
Przyk│ad oznaczenia obrazka jako bloku.
<IMG SRC="kubus.jpg" WIDTH="263" HEIGHT="236" BORDER="0" ALT="" style="display:block"> jaki╢ tam tekst
jaki╢ tam tekst
display:none powoduje niewy╢wietlanie elementu, chocia┐ w ╝r≤dle dokumentu w dalszym ci▒gu istnieje.
Tutaj ma siΩ pojawiµ obrazek, ale display:none usuwa go z ekranu.
<IMG SRC="kubus.jpg" WIDTH="263" HEIGHT="236" BORDER="0" ALT="" style="display:none">