La propriété 'display'

Publié le 26 mars 2005 par Led Ganache

'display'

Valeur :	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 \| inherit
Initiale :	inline
S'applique à :	tous les éléments
Héritée :	non
Pourcentage :	sans objet
Médias :	all

Les valeurs de cette propriété ont le sens suivant :

block: induit un élément à générer une boîte de bloc principale ;
inline: induit un élément à générer une ou plusieurs boîtes en-ligne ;
list-item: induit un élément (ex. l'élément LI en ) à générer une boîte de bloc principale et une boîte en-ligne pour un item de liste ; Consulter la partie traitant des pour des informations et des exemples de mise en forme de celles-ci ; ) à générer une boîte de bloc principale et une boîte en-ligne pour un item de liste ; Consulter la partie traitant des pour des informations et des exemples de mise en forme de celles-ci ;
marker: Cette valeur précise la qualité de marqueur du contenu généré apparaissant avant ou après une boîte. Elle ne devrait être employée qu'avec les pseudo-éléments :before et :after liés à des éléments de type bloc. Dans certains cas, cette valeur est interprétée comme 'inline'. Consulter le chapitre sur les marqueurs pour plus d'informations ;
none: cette valeur fait qu'aucune boîte n'est générée par l'élément dans la structure de formatage (c.à.d., cet élément n'a pas d'influence sur la mise en forme du document). Les éléments qui en descendent ne génèrent pas de boîtes non plus ; on ne peut plus modifier leur comportement avec la propriété 'display'.
Noter qu'une valeur 'none' ne crée pas de boîte invisible, elle ne crée pas de boîte du tout. comprend des mécanismes permettant la génération de boîtes dans la structure de formatage, boîtes qui influencent la mise en forme mais qui ne sont pas visibles. Consulter la partie traitant de la pour les détails ; comprend des mécanismes permettant la génération de boîtes dans la structure de formatage, boîtes qui influencent la mise en forme mais qui ne sont pas visibles. Consulter la partie traitant de la pour les détails ;
run-in et compact: ces valeurs créent une boîte de bloc ou en-ligne, selon le contexte. Les propriétés s'appliquent aux boîtes compactes ou en enfilade en fonction de leur statut final (types bloc ou en-ligne). Par exemple, la propriété 'white-space' ne s'applique que si la boîte a un type bloc ;
table, inline-table, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell et table-caption: ces valeurs donnent à un élément le comportement de celui d'une table (avec les restrictions décrites au chapitre sur les tables).

Noter que, malgré la valeur initiale 'inline' de la propriété 'display', les règles de la feuille de style par défaut de l'agent utilisateur peuvent surclasser celle-ci. Voir dans l'annexe traitant de la proposition de feuille de style pour . .

Voici des exemples pour la propriété 'display' :

P { display: block } EM { display: inline } LI { display: list-item } IMG { display: none } /* Les images ne sont pas affichées */

Les agents utilisateurs conformes pour peuvent la propriété . peuvent la propriété .