Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Les dernières pages de Cours et Dossiers ajoutées
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 1 355 555 ]
Votre IP fleche [ 38.107.179.243 ]
Vous êtes ici : Home Page Cours CSS Propriete list-style
Imprimer le document Version Imprimable

Informations Générales

[442] Posts sur le forum
[523] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 1 Invité
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

Alsacreations
Dreamseed
L'éditeur JavaScript
DicoDuNet
Noogle
Tutopla.net
Page précédente | Page suivante

La propriété List-Style

Cette propriété spécifie l'ensemble des caractéristiques d'une liste. En fait, elle regroupe les propriétés de style, d'image et de position.

Elle regroupe les différentes propriétés :

  1. list-style-type
  2. list-style-position
  3. list-style-image
list-style
Valeur (list-style-type) (list-style-position) (list-style-image)
Type CSS 1
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 4+ Compatible Firefox 4+ Compatible Safari 3+ Compatible Opera 9+
Valeur par défaut Aucune
Domaine d'application Eléments DD, DT, LI, UL et OL et
les éléments avec display: list-item.
Héritage oui
Media visuel

Valeur
possible		 Action Exemple
Style La boîte de liste est définie à l'extérieur du bloc principale. ul {
list-style-position: decimal
}
Style, Position La boîte de liste est définie à l'intérieur du bloc principale. ul {
list-style: upper-roman inside
}
Style, Position, Image Une puce provenant d'un fichier local est appliquée à une liste. ul {
list-style: upper-roman outside url("puce.gif")
}

Exemples

  • Première ligne
  • Deuxième ligne
  • Troizième ligne
 
ul {list-style: decimal}
  • Première ligne
  • Deuxième ligne
  • Troizième ligne
 
ul {list-style: upper-roman inside}
  • Première ligne
  • Deuxième ligne
  • Troizième ligne
 
ul {list-style: upper-roman outside url("/image/lism.gif")}
Page précédente | Page suivante
Haut de page