Section courante

A propos

Section administrative du site

display

Affichage
CSS  

Syntaxe

display: paramètres;

Paramètres

Paramètre Description
paramètres Ce paramètre de propriété permet d'indiquer le type d'affichage :
Valeur Description
block Cette valeur permet d'indiquer d'afficher normalement la balise dans une boite (un arrêt de ligne avant et après la balise).
inherit Cette valeur permet d'indiquer qu'il faut hériter de la balise parente.
inline Cet attribut permet d'indiquer que la balise doit être générer dans une boite en ligne (pas d'arrêt de ligne avant ou après la balise). C'est la valeur par défaut.
inline-block Cette valeur permet d'indiquer qu'il faut générer une boite en bloc, présenté comme une boite en ligne.
inline-table Cette valeur permet d'indiquer qu'il faut générer une boite en ligne (comme une balise table sans ligne d'arrêt avant et après).
list-item Cette valeur permet d'indiquer qu'il faut générer une boite en bloc et dans une boite en ligne pour le marqueur de liste.
none Cette valeur permet d'indiquer qu'il ne faut pas afficher la balise et que l'espace que la balise occupait n'est pas représenté dans la page.
run-in Cette valeur permet d'indiquer qu'il faut générer une boite ou une boite en ligne dépendante du contexte.
table Cette valeur permet d'indiquer qu'il faut générer une boite en ligne (comme une balise table avec une ligne d'arrêt avant et après).
table-caption Cette valeur permet d'indiquer qu'il faut agir comme un caption de tableau.
table-cell Cette valeur permet d'indiquer qu'il faut agir comme une cellule de tableau.
table-column Cette valeur permet d'indiquer qu'il faut agir comme une colonne de tableau.
table-column-group Cette valeur permet d'indiquer qu'il faut agir comme un groupe de colonne de table (balise colgroup).
table-footer-group Cette valeur permet d'indiquer qu'il faut agir comme un groupe de ligne de pied de tableau.
table-header-group Cette valeur permet d'indiquer qu'il faut agir comme un groupe de ligne d'entête de tableau.
table-row Cette valeur permet d'indiquer qu'il faut agir comme une ligne de tableau.
table-row-group Cette valeur permet d'indiquer qu'il faut agir comme un groupe de ligne de tableau.

Description

Cette propriété permet d'indiquer si la balise doit être affiché.

Exemple

L'exemple suivant permet de ne pas afficher «Gladir» sur les téléphones iPhone et le lecteur iPod mais de l'afficher en mode bureau :

  1. <html>
  2. <body>
  3. AVANT
  4. <style>@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .hiddenmobile { display:none;} }</style>
  5. <span class="hiddenmobile">Gladir</span>
  6. APRES
  7. <body>
  8. </html>


Dernière mise à jour : Dimanche, le 20 décembre 2015