Propriété display
La propriété CSS display est indispensable pour envisager des mise en page HTML avancées. En effet, par défaut, les éléments HTML, pour la plupart d’entre eux(<h1>, <h2>, …, <p>, <li>, <div>), sans style spécifique, s’enchaine dans le flux, les uns en dessous des autres.
Les 3 valeurs les plus usuelles de la propriété display sont none, block, and inline.
CSS
.elementclass {
display:none;
}
Cachera l’élément HTML possédant l’attribut class elementclass. Cette valeur, none, permet de ne pas afficher un élément ni aucun de ses descendants. Le document est rendu comme si cet élément n’existait pas dans l’arbre du document. Cette valeur offre de puissantes possibilités, mais elle doit être utilisée avec précaution. Elle nous sera utile par la suite pour afficher ou cacher des éléments d’interfaces.
CSS.elementclass {
display:inline;
}
La valeur inline HTML possédant l’attribut class elementclass.
C’est une propriété CSS très utilisée pour les menus horizontaux.
Exemple
→ Télécharger le code