Índice

Posición del símbolo

Esta propiedad determina la posición de la segunda línea (y las siguientes) de un elemento de lista respecto al marcador o a la numeración.

list-style-position:

outside; (valor por defecto)

inside;

Comentarios

  • El valor outside corresponde a la presentación clásica de las listas con todas las líneas del elemento con un pequeño desplazamiento respecto al marcador o al número.

  • El valor inside es una presentación algo particular que muestra un desplazamiento solamente para la primera línea del elemento de la lista. Las demás líneas del elemento se alinean con el marcador.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Las listas</title> 
   <meta charset="UTF-8">  
<style> 
       .posicion-outside { 
            list-style-position: outside; 
        } 
        .posicion-inside { 
            list-style-position: inside; 
        } 
</style> 
</head> 
<body> 
<ul> 
    <li class="posicion-outside">Sed posuere consectetur...</li> 
    <li class="posicion-inside">Etiam porta sem...</li> 
</ul> 
</body> 
</html>

El archivo correspondiente a este ejemplo se llama C17-01-list-style-position.html.

He aquí la visualización obtenida:

images/c17-001.PNG