Opdateret d. 6.6.2002

display

Mulige værdier:	inline \| block \| 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 \| none
Brug af værdier:	Ét af ovennævnte nøgleord indsættes
Benyttes med:	Alle HTML koder

Egenskaben display benyttes til at bestemme hvordan et element skal vises. De fleste af de værdier der knytter sig til display, bruges kun i forbindelse med XML hvor koderne jo ikke er predefinerede. Jeg har derfor valgt kun at vise eksempler på brug af værdierne block, inline og none.

Man kan f.eks. få en kode på blok-niveau til at vise sig som om den var på inline niveau. Som du sikkert har erfaret, indsættes ofte ekstra afstand før og efter et element på blok-niveau, hvilket ikke er tilfældet med elementer på inline niveau.

Vil man f.eks. fjerne den ekstra afstand der omgiver overskrifter, skal man gøre som vist herunder.:

Eksempel på brug af inline

H2 { display:inline }

Normalt laves afstand før/efter en overskrift

Overskrift

men det sker ikke ved brug af værdien inline.

Omvendt kan man også få en kode på inline niveau til at vises som én på block niveau:

Eksempel på brug af block

B { display:block }

Normalt laves ikke linieskift før/efter fed skrift fed skrift men det sker ved brug af værdien block.

Man kan også helt fjerne et element med værdien none

Eksempel på brug af none

H3 { display: none }

En overskrift indsat med HTML koden <H3>, vil i dette tilfælde slet ikke blive vist.