display

Siden er opdateret 20. 12. 2011

Egenskaben display definerer, hvordan et html-element skal fremtræde, dersom denne fremtræden skal afvige fra elementets normal.

Eksempel på display-definition:

<code {

display: block;

}

... vil se ud (elementet code er som standard et inline-element) som herover:

Egenskaben kan have en af disse værdier:

block: Elementet vises som et blok-element, uagtet det pr. default definition måtte være et inline-element.
inherit: Visningen nedarves fra nærmeste overordnede element.
inline: Elementet vises som et inline-element, uagtet det pr. default definition måtte være et blok-element.
inline-block: Elementet vises som et blok-element, men opfører sig som et inline-element i forhold til omgivelserne.
list-item: Elementet vises som et liste-element.
none: Elementet vises ikke. Siden vises som om elementet slet ikke stod i kildekoden.
table: Elementet vises som en tabel.
table-caption: Elementet vises som en tabel-overskrift.
table-header-group / table-footer-group: Elementet vises som en thead eller tfoot.
table-cell: Elementet vises som en tabelcelle
table-row / table-row-group: Elementet vises som en tr eller en gruppe af tr.
table-column / table-column-group: Elementet vises som en col eller sm en colgroup.