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
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Símbolos gráficos
Siguiente
Sintaxis abreviada para las listas