Morpheusweb.it - Risorse per webmaster: script, ASP.NET, C#, Visual Basic .Net, tutorial, asp, javascript, css, php, html, java, ADO, VBScript, forms, frames, Active Server Pages, Dynamic HTML, database, gratis per webmaster e webdesigner

Consentono modificare l'aspetto dell liste .

Proprietà CSS delle List


Consentono di modificare l'aspetto delle liste.


Proprietà

Proprieta Descrizione Valori Esempi
list-style Per impostare tutte le proprietà in una sola dichiarazione list-style-type
list-style-position
list-style-image		 ¤ list-style ¤
list-style-image Imposta l’immagine none
url		 ¤ list-style-image ¤
list-style-position Posiziona il marker inside
outside		 ¤ list-style-position ¤
list-style-type Imposta il tipo di marker none
circle
disc
square
armenian
cjk-ideographic
decimal
decimal-leading-zero
georgian
hebrew
hiragana
hiragana-iroha
katakana
katakana-iroha
lower-roman
lower-alpha
lower-greek
lower-latin
upper-roman
upper-alpha
upper-latin		 ¤ list-style-type ¤



list-style

Per impostare tutte le proprietà in una sola dichiarazione.

Valori possibili sono:
  • list-style-type
  • list-style-position
  • list-style-image

Esempio

ul.EsternoQuadrato {
  list-style: square outside;
}
ul.InternoQuadrato {
  list-style: square inside;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤



list-style-image

Sostituisce il marker con un’immagine.

Valori possibili sono:
  • none (Il percorso dell’immagine)
  • url (Nessuna immagine visualizzata)
Esempio

ul.ConImmagine {
  list-style-image: "url('ok.gif')";
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤


list-style-position

Posiziona il marker nella lista.

Valori possibili sono:
  • inside (Indenta il marker ed il testo )
  • outside (Mantiene il marker a sinistra del testo)
Esempio

ul.aSinistra {
  list-style-position: outside;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤



list-style-type

Imposta il tipo del marker.

Valori possibili sono:
  • none (Nessuno)
  • circle (Cerchio pieno)
  • disc (Cerchio )
  • square (Quadrato)
  • armenian
  • cjk-ideographic
  • decimal (Numero (1, 2, 3, etc.) )
  • decimal-leading-zero (Numero con zero davanti (01, 02, 03, etc.) )
  • georgian
  • hebrew
  • hiragana
  • hiragana-iroha
  • katakana
  • katakana-iroha
  • lower-roman (Numeri romani minuscoli (i, ii, iii, iv, v, etc.))
  • lower-alpha (Lettere minuscole (a, b, c, d, e, etc.))
  • lower-greek (Greche minuscole(α, β, γ, etc.))
  • lower-latin (Latine minuscole(a, b, c, d, e, etc.))
  • upper-roman (Numeri romani maiuscoli (I, II, III, IV, V, etc.))
  • upper-alpha (Lettere maiuscole (A, B, C, D, E, etc.))
  • upper-latin (Latine maiuscole(A, B, C, D, E, etc.))

Esempio

ul.Quadrato {
  list-style-type: square;
}
ul.Cerchio {
  list-style-type: circle;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤



Stampa la pagina


 

Inizio pagina

risorse per webmaster

W3C WAI-AA
W3C CSS
W3C XHTML 1.0

css

css menu font css template css css align css javascript css templates dvd css css tutorial css center css download html css css vertical css firefox css margin css div css editor dvd region css css float css link css design css overflow css border css style text css css ie background css css generator css ul css reference css position css padding css input css class css images css layout css server css software css a table css css background image css img css mozilla css css filter css validator cisco css css zen css examples css properties css hover css zen garden image css what is css css list styles css css display css training css form box css css help css program background image css clan css css background css body css bordi css font css frame css guida completa css horizontal css html css image css img css layer css p css region css table css testo css text css vault css zengarden div css firefox css float css form css guida ai css guida css immagine css immagini css javascript css manuale css menu css protezione css rapid css region css strumenti di decodifica css style css manuale istruzioni usare documentazione css tutorial advanced css tutorial corso css css div tutorial css guida css guida completa css manuale css menu tutorial css tutorial download guida guida ai css guida css manuale css tutorial css

css, guida, Tutorial,




Vai nel sito Morpheusweb.it - Risorse per Webmaster
asp, dhtml

Morpheusweb.it - Risorse per Webmaster" tratta di asp, javascript, php, guida, Tutorial