« Le langage CSS/Listes » : différence entre les versions
Contenu supprimé Contenu ajouté
WB:RD : Initialisation de la page |
Aucun résumé des modifications |
||
Ligne 8 :
* Liste de définitions ('''''D'''efinition '''L'''ist'') : La balise <tt><dl></tt> est utilisée et contient une série d'item sous la forme de paires termes-définition encapsulées respectivement dans des balises <tt><dt></tt> (Terme) et <tt><dd></tt> (Description).
== Numérotation et puces des items de la liste ==
La propriété <tt>list-style-type</tt> s'applique aux balises <tt><li></tt> et permet de modifier le style de numérotation dans une liste ordonnée.
La liste complète des valeurs possibles est disponible sur le site http://www.w3schools.com/cssref/pr_list-style-type.asp▼
Elle peut avoir l'une des valeurs suivantes (liste non exhaustive) :▼
=== Listes ordonnées ===
▲Elle peut avoir l'une des valeurs suivantes (liste non exhaustive) pour les listes ordonnées :
;<tt>upper-roman</tt>:Numéro en chiffres romains, en utilisant des majuscules,
;<tt>lower-roman</tt>:Numéro en chiffres romains, en utilisant des minuscules,
;<tt>upper-latin</tt>:Lettre de l'alphabet latin, en utilisant des majuscules,
;<tt>lower-latin</tt>:Lettre de l'alphabet latin, en utilisant des minuscules.
▲La liste complète des valeurs possibles est disponible sur le site http://www.w3schools.com/cssref/pr_list-style-type.asp
Exemple, en définissant un style :
Ligne 63 ⟶ 65 :
</ol>
----
=== Listes non ordonnées ===
Elle peut avoir l'une des valeurs suivantes (liste non exhaustive) pour les listes non ordonnées :
;<tt>disc</tt>:Disque plein (par défaut),
;<tt>circle</tt>:Cercle (vide),
;<tt>square</tt>:Carré,
;<tt>none</tt>:Rien.
Exemple :
<source lang="html4strict">
<ul>
<li style="list-style-type: disc;">disc
<li style="list-style-type: circle;">circle
<li style="list-style-type: square;">square
<li style="list-style-type: none;">none
<li style="list-style-type: inherit;">inherit
</ul>
</source>
Cela donne :
----
<ul style="list-style-type: inherit !important;list-style-image: inherit !important;"> <!-- Pour contrer les styles par défaut de MediaWiki et voir le résultat -->
<li style="list-style-type: disc;">disc
<li style="list-style-type: circle;">circle
<li style="list-style-type: square;">square
<li style="list-style-type: none;">none
<li style="list-style-type: inherit;">inherit
</ul>
----
| |||