img.nodisplay {display: none}

Cette commande provoque le non-affichage de l'image à laquelle est affecté le style. L'image du bas est affiché normalement car la classe ne lui est pas affectée.

 
p {display: block; border: 3px double #000000}

Cette commande permet l'affichage d'une boîte principale.

Deux formats d'image pourraient bien devenir dans l'avenir les références graphiques dans le monde de l'Internet.

ol {display: list-item}

Cette commande provoque l'affichage d'une liste.
  1. Premier item
  2. Second item
  3. Troisième item
  4. Quatrième item
  5. Cinquième item
i {display: inline}

Cette commande permet l'affichage d'une boîte en ligne.

Les deux formats graphiques précités son le SVG (Scalable Vector Graphic) et le PNG (Portable Network Graphic).

Titre

I. Sous-titre 1

1 : Paragraphe 1

2 : Paragraphe 2

3 : Paragraphe 3

II. Sous-titre 2

1 : Paragraphe 4

2 : Paragraphe 5

h1 {counter-reset: compteur}
h3 {
  display: marker; 
  counter-increment: compteur; 
  counter-reset: compteur2
}
h3:before {
  content: counter(compteur, upper-roman) ". "
}
p {
  display: marker; counter-increment: compteur2;
}
p:before {
  content: counter(compteur2, decimal) " : "
}

L'association de ces commandes provoquent l'affichage d'une liste dont chaque item est numérotée par l'intermédiaire du compteur. Cet exemple ne fonctionne que sous Opera 6.0 et supérieur.

INTERNET

Un grand paragraphe expliquant les points positifs du World Wide Web.

h3 {display: run-in }

Cette commande permet d'afficher le titre sur la même ligne que la première ligne du paragraphe.

Exemples