El mejor tutorial de lista de estilos CSS (UL) en 2024. En este tutorial podrás aprender lista,Diverso marcador del elemento de la lista,Ejemplos,A medida que el marcador de imágenes elemento de la lista,Ejemplos,Soluciones de compatibilidad del navegador,Ejemplos,Lista - propiedad abreviada,Ejemplos,más ejemplos,Todas las propiedades de la lista de CSS,
papel CSS Propiedades de la lista es la siguiente:
En HTML, hay dos tipos de listas:
Con CSS, puede listar el estilo aún más, y puede hacer un marcador de imagen elemento de la lista.
-Style-type lista de atributos especifica el tipo de marcador de lista de elementos es ::
Algunos valores son listas desordenadas, y otra parte es una lista ordenada.
Para especificar el marcador de imágenes elemento de la lista, utilice la propiedad list-style-image:
El ejemplo anterior no muestra la misma en todos los navegadores, IE y Opera muestran las etiquetas de imagen que Firefox, Chrome y Safari un poco más alto.
Si desea colocar la misma imagen del logotipo en todos los navegadores, se debe utilizar un navegador de soluciones de compatibilidad, de la siguiente manera
También en todos los navegadores, el siguiente ejemplo mostrará la etiqueta de la imagen:
Ejemplo explicó:
Puede especificar una lista de todas las propiedades en una sola propiedad. Esto se llama una propiedad abreviada.
Utilice la propiedad abreviaturas a la lista, una lista de atributos de estilo se establecen de la siguiente manera:
Si se utiliza el valor de la propiedad abreviada de la orden es:
Si estos valores están perdiendo una de la orden restante todavía está especificado, no importa.
Todos diferentes marcadores de lista de elementos
Este ejemplo demuestra todos los diferentes marcadores lista CSS artículo.
propiedad | descripción |
---|---|
list-style | Abreviación de las propiedades. Para obtener una lista de todas las propiedades se proporciona en un comunicado |
list-style-image | La imagen está ajustado a firmar una lista de elementos. |
list-style-position | Establecer la posición en la lista de la lista de elementos marcador. |
list-style-type | Establecer el tipo de indicador lista de elementos. |