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
Przykład oznaczenia obrazka jako bloku.
<IMG SRC="kubus.jpg" WIDTH="263" HEIGHT="236" BORDER="0" ALT="" style="display:block"> 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">