Propiedad CSS list-style-position
Ejemplo
Especifique la posición de los marcadores de elementos de lista:
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
Definición y uso
La list-style-position
propiedad especifica la posición de los marcadores de elementos de lista (viñetas).
list-style-position: outside;
significa que las viñetas estarán fuera del elemento de la lista. El inicio de cada línea de un elemento de la lista se alineará verticalmente:
- Café - Una bebida preparada a partir de granos de café tostados...
- Té
- Coca-cola
list-style-position: inside;
significa que las viñetas estarán dentro del elemento de la lista. Como es parte del elemento de la lista, será parte del texto y empujará el texto al principio:
- Café - Una bebida preparada a partir de granos de café tostados...
- Té
- Coca-cola
Valor por defecto: | fuera de |
---|---|
Heredado: | sí |
Animable: | No. Leer sobre animable |
Versión: | CSS1 |
Sintaxis de JavaScript: | objeto .style.listStylePosition="dentro" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis CSS
list-style-position: inside|outside|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Tutorial de CSS: Lista de CSS
Referencia de CSS: propiedad de estilo de lista
Referencia HTML DOM: propiedad listStylePosition