JavaScript - enumeración - cambiar la forma en que aparecen los <ol>

 
Vista:
sin imagen de perfil
Val: 62
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

enumeración - cambiar la forma en que aparecen los <ol>

Publicado por pedro (71 intervenciones) el 26/12/2019 11:53:30
Buenos días.
Me gustaría cambiar la forma en que aparecen los ol type a para que aparezca de la forma a) y si puede ser en cursiva, en lugar de a.

Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

enumeración - cambiar la forma en que aparecen los <ol>

Publicado por Alejandro (532 intervenciones) el 26/12/2019 15:51:45
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
	<head>
		<style>
			ol{ list-style:none; }
			ol > li:before {
				content: counter(list, lower-alpha) ") ";
				counter-increment: list;
				font-style: italic;
			}
		</style>
	</head>
 
	<body>
		<ol type="I">
			<li>Manteca</li>
			<li>Leche</li>
			<li>Miel</li>
		</ol>
	</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

enumeración - cambiar la forma en que aparecen los <ol>

Publicado por Alejandro (532 intervenciones) el 26/12/2019 16:21:18
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
Corrección.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
	<head>
		<style>
			ol { list-style:none; }
 
			ol li { counter-increment: listStyle; }
 
			ol li:before {
				margin-right: 1em;
				content: counter(listStyle, lower-alpha);
			}
		</style>
	</head>
 
	<body>
		<ol type="I">
			<li>Manteca</li>
			<li>Leche</li>
			<li>Miel</li>
		</ol>
	</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 62
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

enumeración - cambiar la forma en que aparecen los <ol>

Publicado por pedro (71 intervenciones) el 26/12/2019 17:16:43
Gracias Alejandro, me funciona perfecto.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar