Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 831627 of Référence CSS

  • Raccourci de la révision : Web/CSS/Reference
  • Titre de la révision : Référence CSS
  • ID de la révision : 831627
  • Créé :
  • Créateur : Oliviermoz
  • Version actuelle ? Non
  • Commentaire
Étiquettes : 

Contenu de la révision

Cette référence CSS liste toutes les propriétés standards CSS, les pseudo-classes, les pseudo-éléments, les règles @ et les sélecteurs, dans l'ordre alphabétique. Elle vous permet d'accéder rapidement à leurs informations détaillées.

Elle ne liste pas seulement les propriétés CSS1 et CSS2.1, mais référence aussi CSS3 pour les propriétés et concepts standardisés ou stabilisés.

Voir aussi la référence CSS Mozilla, pour les propriétés spécifiques à Gecko préfixées avec -moz-. Voir Extensions CSS WebKit pour les propriétés spécifiques à WebKit. En complément, vous pouvez consulter la page maintenue par  Pete Beverloo : Vue d'ensemble des propriétés CSS éditeurs (en anglais)

{{ CSS_Ref() }}

 

Sélecteurs

Tutoriels CSS3

Ces cours guides pratiques décrivent des technologies apparues avec CSS3 ou CSS2.1 et ayant un support partiel jusque récemment :

Concepts

Source de la révision

 
<p>Cette <em>référence <a href="/fr/CSS" title="CSS">CSS</a></em> liste toutes les propriétés standards <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a>, les <a href="/fr/docs/CSS/Pseudo-classes" title="/fr/docs/CSS/Pseudo-classes">pseudo-classes</a>, les <a href="/fr/docs/CSS/Pseudo-éléments" title="/fr/docs/CSS/Pseudo-éléments">pseudo-éléments</a>, les <a href="/fr/docs/CSS/Règles_@" title="/fr/docs/CSS/Règles_@">règles @</a> et les sélecteurs, dans l'ordre alphabétique. Elle vous permet d'accéder rapidement à leurs informations détaillées.</p>

<p>Elle ne liste pas seulement les propriétés CSS1 et CSS2.1, mais référence aussi CSS3 pour les propriétés et concepts standardisés ou stabilisés.</p>

<p>Voir aussi la <a href="/fr/docs/Web/CSS/Reference/Mozilla_Extensions" title="Extensions Mozilla">référence CSS Mozilla</a>, pour les propriétés spécifiques à Gecko préfixées avec <code>-moz-</code>. Voir <a href="/en-US/docs/Web/CSS/Reference/Webkit_Extensions" title="Extensions Webkit">Extensions CSS WebKit</a> pour les propriétés spécifiques à WebKit. En complément, vous pouvez consulter la page maintenue par&nbsp; Pete Beverloo : <a class="external" href="https://peter.sh/experiments/vendor-prefixed-css-property-overview/" title="https://peter.sh/experiments/vendor-prefixed-css-property-overview/">Vue d'ensemble des propriétés CSS éditeurs (en anglais)</a></p>

<p>{{ CSS_Ref() }}</p>

<h2 id="S.C3.A9lecteurs" name="S.C3.A9lecteurs">&nbsp;</h2>

<h2 id="S.C3.A9lecteurs" name="S.C3.A9lecteurs"><a href="#" name="selectors">Sélecteurs</a></h2>

<ul>
 <li>Sélecteurs basiques
  <ul>
   <li><a href="/fr/docs/CSS/Sélecteurs_de_type" title="/fr/docs/CSS/Sélecteurs_de_type">Sélecteurs de type</a>&nbsp;&nbsp; <code>nomelement</code></li>
   <li><a href="/fr/docs/CSS/Sélecteurs_de_classe" title="/fr/docs/CSS/Sélecteurs_de_classe">Sélecteurs de classe</a> &nbsp; <code>.nomclasse</code></li>
   <li><a href="/fr/docs/CSS/Sélecteurs_d'ID" title="/fr/docs/CSS/Sélecteurs_d'ID">Sélecteurs d'ID</a>&nbsp;&nbsp; <code>#nomid</code></li>
   <li><a href="/fr/docs/CSS/Sélecteurs_universels" title="/fr/docs/CSS/Sélecteurs_universels">Sélecteurs universels</a> &nbsp; <code>*&nbsp; ns|*&nbsp; *|* </code></li>
   <li><a href="/fr/docs/CSS/Sélecteurs_d'attribut" title="/fr/docs/CSS/Sélecteurs_d'attribut">Sélecteurs d'attribut</a>
    <ul style="-moz-column-width:14em; -webkit-columns:14em;margin:0;padding:0;list-style-type:none;">
     <li><code>[attribut]</code></li>
     <li><code>[attribut="valeur"]</code></li>
     <li><code>[attribut~="valeur"]</code></li>
     <li><code>[attribut|="valeur"] </code></li>
     <li><code>[attribut^="valeur"]</code></li>
     <li><code>[attribut$="valeur"]</code></li>
     <li><code>[attribut*="valeur"] </code></li>
     <li><code>[ns|attribut]</code></li>
    </ul>
   </li>
  </ul>
 </li>
 <li>Combinateurs
  <ul>
   <li><a href="/fr/docs/CSS/Sélecteurs_descendant" title="/fr/docs/CSS/Sélecteurs_descendant">Sélecteurs descendant</a> <code>A B</code></li>
   <li><a href="/fr/docs/CSS/Sélecteurs_enfant" title="/fr/docs/CSS/Sélecteurs_enfant">Sélecteurs enfant</a> <code>A &gt; B</code></li>
   <li><a href="/fr/docs/CSS/Sélecteurs_d'enfants_adjacents" title="/fr/docs/CSS/Sélecteurs_d'enfants_adjacents">Sélecteurs d'enfants adjacents</a> <code>A + B</code></li>
   <li><a href="/fr/docs/CSS/Sélecteurs_de_voisins_généraux" title="/fr/docs/CSS/Sélecteurs_de_voisins_généraux">Sélecteurs de voisins généraux</a> <code>A ~ B</code></li>
  </ul>
 </li>
 <li><a href="/fr/CSS/Pseudo-éléments" title="Pseudo-éléments">Pseudo-éléments</a></li>
 <li><a href="/fr/CSS/Pseudo-classes" title="Pseudo-classes">Pseudo-classes</a></li>
</ul>

<h2 id="Divers" name="Divers"><a href="#" name="css3tutorials">Tutoriels CSS3</a></h2>

<p>Ces cours guides pratiques décrivent des technologies apparues avec CSS3 ou CSS2.1 et ayant un support partiel jusque récemment :</p>

<ul>
 <li><a href="/fr/docs/CSS/Media_queries" title="/fr/docs/CSS/Media_queries">Comment utiliser les Media queries</a></li>
 <li><a href="/fr/docs/CSS/Compteurs_CSS" title="https://developer.mozilla.org/fr/docs/Compteurs_CSS">Comment utiliser les compteurs CSS</a></li>
 <li><a href="/fr/docs/CSS/Utilisation_de_dégradés_CSS">Comment utiliser les dégradés CSS</a></li>
 <li><a href="/fr/docs/CSS/Utilisation_des_transformations_CSS" title="/fr/docs/CSS/Utilisation_des_transformations_CSS">Comment utiliser les transformations CSS</a></li>
 <li><a href="/fr/docs/CSS/Animations_CSS" title="/fr/docs/CSS/Animations_CSS">Comment utiliser les animations CSS</a></li>
 <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_transitions" title="/en-US/docs/Web/Guide/CSS/Using_CSS_transitions">Comment utiliser les transitions CSS</a> (en anglais)</li>
 <li><a href="/fr/docs/CSS/Fonds_multiples">Comment utiliser les arrière-plans multiples en CSS</a></li>
 <li><a href="/fr/docs/Web/Guide/CSS/Flexible_boxes" title="Comment utiliser les boîtes flexibles">Comment utiliser les boîtes flexibles</a></li>
 <li><a href="/fr/docs/CSS/Colonnes_CSS3">Comment utiliser les mises en page multi-colonnes</a></li>
</ul>

<h2 id="Concepts" name="Concepts"><a href="#" name="concepts">Concepts</a></h2>

<ul>
 <li><a href="/fr/docs/CSS/Syntaxe" title="/fr/docs/CSS/Syntaxe">Syntaxe CSS</a></li>
 <li><a href="/fr/docs/CSS/Règles_@" title="/fr/docs/CSS/Règles_@">Règles <code>@</code></a></li>
 <li><a href="/fr/docs/CSS/Commentaires" title="/fr/docs/CSS/Commentaires">Commentaires</a></li>
 <li><a href="/fr/docs/Web/CSS/Specificité" title="/fr/docs/Web/CSS/Specificité">Spécificité</a></li>
 <li><a href="/fr/docs/CSS/Valeur_initiale" title="Valeur initiale">Valeur initiale</a></li>
 <li><a href="/fr/docs/CSS/Héritage" title="Héritage">Héritage</a></li>
 <li><a href="/fr/docs/CSS/Valeur_spécifiée" title="/fr/docs/CSS/Valeur_spécifiée">Valeur spécifiée</a></li>
 <li><a href="/fr/docs/CSS/Valeur_calculée" title="Valeur calculée">Valeur calculée</a></li>
 <li><a href="/fr/docs/CSS/Valeur_utilisée" title="/fr/docs/CSS/Valeur_utilisée">Valeur utilisée</a></li>
 <li><a href="/fr/docs/CSS/valeur_reelle" title="/fr/docs/CSS/valeur_reelle">Valeur réelle</a></li>
 <li><a href="/fr/docs/CSS/Modèle_de_boîte" title="Modèle de boîte">Modèle de boîte</a></li>
 <li><a href="/fr/docs/CSS/%C3%89l%C3%A9ment_remplac%C3%A9" title="/fr/docs/CSS/%C3%89l%C3%A9ment_remplac%C3%A9">Élément remplacé</a></li>
 <li><a href="/fr/docs/CSS/Syntaxe_de_définition_des_valeurs" title="/fr/docs/CSS/Syntaxe_de_définition_des_valeurs">Syntaxe de définition des valeurs</a></li>
</ul>
Revenir à cette révision