undecorated style examples color bullets css list

css - style - li margin



¿Puedo usar list-style-type para div tag? (2)

He estado estudiando CSS. Sé que podemos usar el atributo de list-style-type lista para establecer el marcador de lista. ¿Podemos aplicar ese atributo a una etiqueta div ?


Puede establecer cualquier propiedad CSS en cualquier elemento HTML. De hecho, un elemento siempre tiene todas las propiedades de CSS (con el valor inicial definido como el valor, si no se establece). Sin embargo, no todas las propiedades tienen un efecto en todos los elementos en todas las circunstancias.

En particular, la definición de la propiedad list-style-type dice: " Se aplica a : elementos con ''display: list-item''". Aquí "se aplica a" significa "tiene un efecto en la representación de".

Además, incluso si configura display: list-item en un div , no se verá ningún marcador de lista (como una viñeta o un número), a menos que haya espacio a la izquierda del contenido del elemento para acomodarlo. Puede organizar el espacio utilizando las propiedades de margen. Ejemplo:

div { display: list-item; margin-left: 1.3em; list-style-type: circle; }


Sí tu puedes. Lo siguiente hace que una etiqueta div parezca a sí misma como un elemento de lista:

div {display:list-item;}