Temario estilos para listas en css
- Propiedad list-style-type
- Propiedad list-style-image
- Propiedad list-style-position
- Propiedad list-style
- Texto en columnas
Define el tipo de viñeta de un elemento de lista.
Enlace a documentacion de la propiedad list-style-type en MDN.
Define la imagen que se utilizará como viñeta de un elemento de lista.
Define la posición de las viñetas de una lista. Esta propiedad no se suele usar mucho.
El valor por defecto es outside.
La propiedad list-style es un atajo o shorthand para
list-style-type, list-style-image y
list-style-position.
Hay 4 propiedades que nos controlan las columnas en listas:
column-count: Para el n´umero de columnas que deseemos.
column-gap: El espacio de separacion entre una columna y otra.
column-rule: Pone un linea en sentido vertical a un lado de las
viñetas de cada columna.
column-width: Representa el tamaño minimo en anchura que van a
tener las columnas.
OJO: No hay que ver esto como una tecnica de maquetación por que no lo es, para maquetacion se usa grid y flebox.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo hic rerum, magni repellendus possimus voluptas pariatur animi delectus accusamus officiis qui maxime nihil quos blanditiis et commodi corrupti repellat numquam.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo hic rerum, magni repellendus possimus voluptas pariatur animi delectus accusamus officiis qui maxime nihil quos blanditiis et commodi corrupti repellat numquam.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo hic rerum, magni repellendus possimus voluptas pariatur animi delectus accusamus officiis qui maxime nihil quos blanditiis et commodi corrupti repellat numquam.