Accueil    CSS    Propriété List-style
 



style css list-style  Style CSS list-style

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété list-style permet de déclarer en une seule fois l'ensemble des propriétés associées aux listes (éléments html <ol> et <ul>) :

- list-style-image : définition d'une image pour remplacer le marqueur
- list-style-position : positionnement du texte en cas de retour à la ligne
- list-style-type : choix du marqueur



Propriétés pour le style list-style :




Propriété Définition Valeurs CSS
list-style Initialise les différents styles applicable à la liste en une seule déclaration list-style-image
list-style-position
list-style-type
CSS 1


Exemple d'utilisation du style css list-style :





Exemple de mise en place d'un menu horizontal en se basant sur une liste et la propriété float :

<ul style="width:570px; height:30px; list-style:none inside; margin:0px; padding:0px;
   border:solid 1px silver;">
   <li style="height:30px; line-height:30px; font-weight:bold; float:left; width:185px;
      text-align:center;">
      Elément 1
   </li>
   <li style="height:30px; line-height:30px; font-weight:bold; float:left; width:185px;
      text-align:center;">
      Elément 2
   </li>
   <li style="height:30px; line-height:30px; font-weight:bold; float:left; width:185px;
      text-align:center; clear:right;">
      Elément 3
   </li>
</ul>


Exemple de mise en place d'un menu horizontal en se basant sur une liste et la propriété float :

  • Elément 1
  • Elément 2
  • Elément 3