display | NN 4 IE 4 CSS 1
| Hérité: non
Cet attribut multi-usages détermine si un navigateur traite des cadres invisibles autour de chaque élément et noeud de texte. Par exemple, un élément de niveau bloc propose des caractéristiques spécifiques qui sont nettement distinctes de celles d'un élément en ligne incorporé (au moins en ce qui concerne l'affichage de l'élément dans un contenu environnant). Les spécifications CSS proposent divers types de cadres de ce type, car l'espace qu'ils occupent peut subir des incidences différentes, par exemple les bordures ou les règles d'affichage catégoriques (par exemple, la manière dont un style compact contrôle les éléments de liste de définition). Dans la pratique, vous ne verrez que peu, voire aucune, différence entre certains types d'affichage, car la feuille de style intégrée du navigateur ne spécifie aucune différence pour les variations (par exemple, un élément table peut générer le même affichage, que son attribut de style display soit réglé sur block ou table). Dans le même temps, le style display vous permet de remplacer le comportement d'affichage par défaut des éléments, par exemple la création de l'affichage d'un tableau de blocs dans un tableau interne. L'aspect le plus courant de l'attribut de style display dans DHTML consiste à configurer les scripts de sorte qu'ils basculent entre l'affichage et le masquage complet de l'élément et de son espace. Lorsque l'attribut a pour valeur none, l'élément est masqué et tous les contenus avoisinants sont redimensionnés pour remplir l'espace qu'il occuperait normalement. Ceci est à distinguer de l'attribut visibility qui réserve un espace pour l'élément même si ce dernier n'est pas affiché. Cependant, pour restaurer le mode d'affichage par défaut de l'élément, vous pouvez attribuer l'un des types d'affichage courant (block et inline) ou le type plus spécifique de l'élément (par exemple, list-item pour un élément li), s'il est pris en charger par vos navigateurs cibles.
Syntaxe CSS
    display: displayType
Valeur
Les spécifications CSS identifient divers types d'affichages, mais la prise en charge des navigateurs est plus limitée. Le tableau suivant indique les types pris en charge.
Type d'affichage | IE/Windows | IE/Mac | NN | CSS
--- | --- | --- | --- | ---
block | 5 | 4 | 6 | 2
compact | s.o | s.o | s.o | 2
inline | 5 | 4 | 6 | 2
inline-block | 5.5 | s.o | s.o | s.o
inline-table | s.o | 5 | s.o | 2
list-item | 5 | 5 | 6 | 2
marker | s.o | s.o | s.o | 2
none | 4 | 4 | 6 | 2
run-in | s.o | 5 | s.o | 2
table | s.o | 5 | 6 | 2
table-caption | s.o | 5 | s.o | 2
table-cell | s.o | 5 | 6 | 2
table-column-group | s.o | 5 | s.o | 2
table-footer-group | 5.5 | 5 | 6 | 2
table-header-group | 5 | 5 | 6 | 2
table-row | s.o | 5 | 6 | 2
table-row-group | s.o | 5 | 6 | 2
Valeur initiale
Fonction de l'élément.
Exemple
    .hidden {display: none}
S'applique à
Tous les éléments (mais certains types d'affichage s'appliquent à des éléments spécifiques).
Référence de modèle d'objet
    [window.]document.getElementById("elementID").style.display