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.

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen marts 2003
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - display
sidens top
Brugere lige nu: 1
Home Mail