Listes de style CSS
HTML Listes et propriétés de la liste CSS
En HTML, il existe deux principaux types de listes:
Les propriétés de la liste CSS vous permettent de:
ul.a list-style-type: cercle;
>
ul.b list-style-type: carré;
>
ol.c list-style-type: supérieur romain;
>
ol.d list-style-type: inférieur alpha;
>
Note: Certaines valeurs sont des listes à puces, et d'autres pour les listes ordonnées.
ul list-style-image: url ( 'sqpurple.gif');
>
ul list-style-position: à l'intérieur;
>
Supprimer les paramètres par défaut
Liste - Propriété sténographie
ul list-style: url intérieur carré ( "sqpurple.gif");
>
Lorsque vous utilisez la propriété raccourcie, l'ordre des valeurs de propriété sont:
Si l'une des valeurs de propriété ci-dessus sont manquantes, la valeur par défaut de la propriété manquante sera insérée, le cas échéant.
Liste des Styling avec des couleurs
Nous pouvons également des listes, avec des couleurs, pour les rendre un peu plus intéressant.
Tout ce qui a ajouté à la
- ou
- étiquette affectera les éléments de liste:
fond ol: # FF9999;
padding: 20px;
>fond ul: # 3399FF;
padding: 20px;
>autres exemples
Liste personnalisée avec une bordure rouge gauche
Cet exemple montre comment créer une liste avec une bordure rouge gauche.Liste bordée pleine largeur
Cet exemple montre comment créer une liste bordée sans balles.Testez-vous avec des exercices!
Toutes les propriétés de la liste CSS
Articles Liés
- étiquette, affecte toute la liste, tandis que les propriétés ajoutées à la