Vai ai contenuti

LAU



Home > Proprietà CSS2 > Proprietà per le liste


Proprietà CSS2

Proprietà per le liste

Tabella riassuntiva e descrittiva delle funzionalità, valori e supporto dei browser relativa alla specifiche dei CSS2 per la gestione delle liste.

  • NN: indica da quale versione di Netscape Navigator viene supportata la proprietà.
  • IE: indica da quale versione di Internet Explorer viene supportata la proprietà.
  • MF: indica da quale versione di Mozilla Firefox viene supportata la proprietà.
Proprietà Valori IE NN MF
list-style list-style-type
list-style-position
list-style-image
4.0 6.0 1.0
list-style-image none
url
4.0 6.0 1.0
list-style-position inside
outside
4.0 6.0 1.0
list-style-type none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha 
4.0 4.0 1.0

Esempi dimostrativi delle funzionalità di alcune proprietà per le liste:

torna alla lista completa delle proprietà

list-style

La proprietà list-style è una proprietà a sintassi abbreviata con cui si può definire sinteticamente e con una sola dichiarazione tutti i valori per un'elenco listato.

ul{
list-style: disc outside;
}

In questo esempio i valori della proprietà list-style assegnano all'elemento ul un punto elenco caratterizzato da un cerchietto (disc) che si colloca alla sinistra del testo (outside).

torna alla tabella

list-style-image

La proprietà list-style-image sostituisce al punto elenco un'immagine.
La proprietà list-style-image assume i seguenti valori:

  • none (non sarā visualizzata nessuna immagine);
  • url (indica il percorso dell'immaginme da associare all'elenco).
ol{
list-style-image: url(img.gif);

}

In questo esempio l'url associerà all'elenco un'immagine.

torna alla tabella

list-style-position

La proprietà list-style-position definisce la posizione del punto elenco.
La proprietà list-style-position assume i seguenti valori:

  • inside (indenta il punto elenco e il testo);
  • outside (mantiene il punto elenco alla sinistra del testo).
ol{
list-style-position: inside;
}

In questo esempio il valore assegnato alla proprietà list-style-position indenta il punto elenco e il testo.

torna alla tabella

list-style-type

La proprietà list-style-type imposta il tipo di punto elenco.
La proprietà list-style-type assume i seguenti valori:

  • none (nessun punto elenco);
  • disc (cerchietto ripieno);
  • circle (cerchietto);
  • square (quadrato);
  • decimal (numero);
  • decimal-leading-zero (numero che inizia con la doppia cifra - 01, 02);
  • lower-roman (numero romano piccolo - i, ii, iii, iv, v, etc.);
  • upper-roman (numero romano grande - I, II, III, IV, V, etc.);
  • lower-alpha (carattere minuscolo - a, b, c, d, e, etc.);
  • upper-alpha (carattere maiuscolo - (A, B, C, D, E, etc.);
  • hebrew (carattere ebraico).
    Non è supportato da Internet Explorer 6 e precedenti);
  • armenian (carattere armeno).
    Non è supportato da Internet Explorer 6 e precedenti);
  • georgian (carattere georgiano).
    Non è supportato da Internet Explorer 6 e precedenti);
  • cjk-ideographic (carattere ideografico).
    Non è supportato da Internet Explorer 6 e precedenti);
  • hiragana, katakana, hiragana-iroha, katakana-iroha
    Non sono supportati da Internet Explorer).
ul{
list-style-type: upper-roman;
}

In questo esempio il valore della proprietà list-style-type assegna all'elemento ul un punto elenco caratterizzato da numeri romani grandi.

torna alla tabella

[ Torna all’inizio della pagina ]



Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Privacy, cookies e accessibilità

[ Torna all’inizio della pagina ]