CSS/Altre proprietà: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Ramac (discussione | contributi)
+ IndexItem
Riga 4:
== cursor ==
{{IndexItem|cursor}}
Questa proprietà serve a modificare l'aspetto del cursore quando questo si posiziona sull'elemenetoelemento in questione. Può assumere come valore una combinazione dei seguenti valori (passaposizionarsi sopra il testo per vederne l'effetto):
*'''<span style="cursor: auto">auto</span>''': il cursore automatico per il tipo di elemento
*'''<span style="cursor: default">default</span>''': il cursore predefinito di sistema (normalmente una freccetta)
*'''<span style="cursor: pointer">pointer</span>''': il puntatore usato ad esempio per i link (normalmente la manina con l'indice puntato)
*'''<span style="cursor: text">text</span>''': il cursore usato per il testo selezionabile (solitamente il caret I)
*'''<span style="cursor: wait">wait</span>''': indica di aspettare, (solitamente è una clessidra)
*'''<span style="cursor: progress">progress</span>''': l'applicazione sta lavorando, ma può comunque reagire ai comandi (solitamente una freccia con accanto una clessidra)
*'''<span style="cursor: crosshair">crosshair'''</span>: la croce usata per puntare con precisione (a forma di "+")
*'''<span style="cursor: help">help'''</span>: usato per indicare la possibilità di visualizzare un aiuto relativo all'elemento in questione (spesso un punto interrogativo)
*'''<span style="cursor: move">move'''</span>: il cursore visualizzato su elementi spostabili (normalmente la manina chiusa)
*'''<span style="cursor: e-resize">e-resize</span>''', '''<span style="cursor: ne-resize">ne-resize</span>''', '''<span style="cursor: nw-resize">nw-resize</span>''', '''<span style="cursor: n-resize">n-resize</span>''', '''<span style="cursor: se-resize">se-resize</span>''', '''<span style="cursor: sw-resize">sw-resize</span>''', '''<span style="cursor: s-resize">s-resize</span>''', '''<span style="cursor: w-resize">w-resize</span>''': le frecce usate per i ridimensionamenti. Le lettere che precedono <code>-resize</code> indicano il verso -&mdash; N = nord (north), S = sud (south), E = est (east), W = ovest (west) -.
*un '''percorso''' indicante un file di cursore
Il browser scorrerà la lista di valori fino a quando non incontrerà un cursore valido o rappresentabile. Altrimenti userà il cursore automatico.