est-il possible de mettre un caractère en guise de puce dans une balise LI UL ?

**Ekimasu** · 28/01/2008, 13h38

bonjour,

en css on peut personnaliser la puce en spécifiant une image.
est-il possible de spécifier un caractère plutôt ?

et est-il possible que la couleur de la puce soit différente de la couleur du texte (toujours sans image) ?

merci de votre aide.

**Bisûnûrs** · 28/01/2008, 15h09

Non, et non.

**Auteur** · 29/01/2008, 13h21

Il y a les listes numérotées :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<ol type="1" start="1">
  <li>Titre 1</li>
  <li>Titre 2</li>
  <li>Titre 3</li>
</ol>

avec type=
A : pour les majuscules
a : pour les minuscules
I (i majuscule) : pour les chiffres romains majuscules
i : pour les chiffres romains minuscules
1 : pour les nombres

start="nombre" où nombre représente la valeur du début de la numérotation.
Exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
Liste avec des lettres débutant par la lettre E.
<ol type="A" start="5">
  <li>Titre 1</li>
  <li>Titre 2</li>
  <li>Titre 3</li>
</ol>

------------------------------------------------------
Si tu utilises les CSS :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<html>
<head>
<title></title>
 
<style type="text/css">
<!--
ol{
 list-style-type : upper-roman;
}
 
//-->
</style>
 
</head>
 
<body>
 
Liste numérotées
<ol start="1">
  <li>Titre 1</li>
  <li>Titre 2</li>
  <li>Titre 3</li>
</ol>
 
</body>
 
</html>

les valeurs de list-style-type pour les listes ol :
decimal ; lower-roman ; upper-roman ; lower-alpha ; upper-alpha

Pour la couleur, je ne pense pas que cela soit possible.

**fedfil** · 20/10/2011, 16h46

Mais la réponse n'est pas correcte.

Il est possible de remplacer une puce par un caractère :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
ul li:before {
    content: "# ";
   }

est-il possible de mettre un caractère en guise de puce dans une balise LI UL ?

CSS

Vue hybride

Discussions similaires

Partager

Partager