3.59
Personalizzazione dell’Aspetto di una Lista Puntata in HTML
Gli elementi che costituiscono una lista puntata, sia ordinata che non ordinata, vengono comunemente visualizzati dai browser con un rientro sinistro e un marcatore per migliorare la leggibilità della lista stessa.
Per eliminare il margine sinistro e visualizzare la lista allineata con il testo, è sufficiente utilizzare una regola CSS semplice. Con questa regola, impostiamo a 0 sia il rientro (margine che padding) che la proprietà list-style-type, che definisce il tipo di marcatore utilizzato.
La regola necessaria è la seguente:
ul { list-style-type: none; /* nessun elemento come marcatore */ padding-left: 0; /* padding nullo */ margin-left: 0; /* margine nullo */ } Questa regola CSS agisce direttamente sugli elementi <ul>, rimuovendo il marcatore e impostando i margini e il padding a zero. Questa semplice modifica consente di ottenere una presentazione della lista puntata senza il tradizionale rientro e marcatore, rendendo la lista più integrata e allineata con il resto del testo nella pagina.