Il miglior tutorial Lista di stile CSS (ul) Nel 2024, in questo tutorial puoi imparare lista,Diverso marcatore elemento della lista,Esempi,Come il marcatore immagine elemento della lista,Esempi,Soluzioni Browser Compatibility,Esempi,Lista - proprietà abbreviata,Esempi,Altri esempi,Tutte le Proprietà elenco CSS,
ruolo CSS Proprietà elenco è il seguente:
In HTML, ci sono due tipi di elenchi:
Con i CSS, è possibile elencare lo stile ulteriormente, e può rendere un indicatore un'immagine voce di elenco.
attributo list-style-type specifica il tipo di marcatore voce di elenco è ::
Alcuni valori sono liste non ordinate, e un po 'è una lista ordinata.
Per specificare il marcatore immagine elemento della lista, utilizzare la proprietà list-style-image:
L'esempio di cui sopra non mostra lo stesso in tutti i browser, IE e Opera visualizzare i tag di immagine rispetto a Firefox, Chrome e Safari un po 'più alto.
Se si desidera inserire la stessa immagine del logo in tutti i browser, è necessario utilizzare un soluzioni di compatibilità del browser, come segue
Anche in tutti i browser, il seguente esempio mostra la tag immagine:
Esempio spiegato:
È possibile specificare un elenco di tutte le proprietà di una singola proprietà. Questo si chiama una proprietà scorciatoia.
Utilizzare la proprietà abbreviazioni alla lista, un elenco di attributi di stile sono impostati come segue:
Se si utilizza il valore della proprietà abbreviata dell'ordine è:
Se questi valori sono mancanti uno dei seguenti ordini rimanente è ancora specificato, non importa.
Tutti diversi marcatore elemento della lista
Questo esempio dimostra tutte le diverse marcatore lista CSS voce.
proprietà | descrizione |
---|---|
list-style | proprietà abbreviata. Per un elenco di tutte le proprietà è previsto in una dichiarazione |
list-style-image | L'immagine è impostato per firmare un elenco di elementi. |
list-style-position | Impostare la posizione nella lista marcatore voce dell'elenco. |
list-style-type | Impostare il tipo di bandiera elemento della lista. |