Confronta le versioni

Usare le URL nella proprietà cursor

Change Revisions

Versione 288215:

Versione 288215 di Leofiore del

Versione 229820:

Versione 229820 di Leofiore del

Titolo:
Usare le URL nella proprietà cursor
Usare le URL nella proprietà cursor
Slug:
Usare_le_URL_nella_proprietà_cursor
Usare_le_URL_nella_proprietà_cursor
Etichette:
css, CSS_2.1, Tutte_le_categorie, Sviluppo_Web, Sviluppo_Cross-browser
Contenuto:

Versione 288215
Versione 229820
t7    <p>t
8      <a href="it/Gecko">Gecko</a> 1.8 (<a href="it/Firefox_1.5">
>Firefox 1.5</a>, SeaMonkey 1.0) supporta valori URL per la propri 
>età <a class="external" href="http://www.w3.org/TR/CSS21/ui.html# 
>cursor-props">"cursor" dei CSS2</a> (EN). Questo permette di util 
>izzare una qualsiasi immagine desiderata come cursore del mouse — 
> può essere usato un qualsiasi formato per immagini supportato da 
> Gecko. 
9    </p>
10    <h3 id="Sintassi" name="Sintassi">
11      Sintassi
12    </h3>
13    <p>
14      La sintassi per questa proprietà è:
15    </p>
16    <pre class="eval">
17cursor: [&lt;url&gt;,]* parola-chiave;
18</pre>
19    <p>
20      Questo significa che possono essere specificati zero o più 
>indirizzi URL (separati da una virgola), che <b>devono</b> essere 
> seguiti da una delle parole-chiave definite nelle specfiche <a h 
>ref="it/CSS">CSS</a> , come <code>auto</code> o <code>pointer</co 
>de> (puntatore). 
21    </p>
22    <p>
23      Ad esempio, quanto segue è permesso:
24    </p>
25    <pre class="eval">
26cursor: url(foo.cur), url(<span class="nowiki">http://www.example
>.com/bar.gif</span>), auto; 
27</pre>
28    <p>
29      In questo modo sarà caricato per primo foo.cur. Se quel fil
>e non esiste oppure non è disponibile per altre ragioni, verrà ca 
>ricato bar.gif, ed infine, se il caricamento di nessuno dei due f 
>ile andrà a buon fine, verrà utilizzato il valore <code>auto</cod 
>e>. 
30    </p>
31    <p>
32      In Gecko 1.8beta3 è stato implementato il supporto per le s
>pecifiche CSS3 relative alla <a class="external" href="http://www 
>.w3.org/TR/css3-ui/#cursor">sintassi</a> per i valori della propr 
>ietà "cursor", che quindi funzionano in Firefox 1.5. Questo perme 
>tte di specificare le coordinate della hotspot del cursore, che s 
>arà bloccata ai bordi dell'immagine del cursore. Se non vengono d 
>eterminate, le cordinate della hotspot o sono lette dal file stes 
>so (in caso di file CUR e XBM) o sono impostate sull'angolo in al 
>to a sinistra dell'immagine. Un'esempio della sintassi CSS3: 
33    </p>
34    <pre class="eval">
35cursor: url(foo.png) 4 12, auto;
36</pre>
37    <p>
38      Il primo numero rappresenta l'ascissa (asse delle x), il se
>condo l'ordinata (asse delle y). Nell'esempio la hotspot è impost 
>ata ai pixel distanti (4,12) dall'angolo superiore sinistro (0,0) 
>. 
39    </p>
40    <h3 id="Limitazioni" name="Limitazioni">
41      Limitazioni
42    </h3>
43    <p>
44      Possono essere utilizzati tutti i formati per immagine supp
>ortati da Gecko. Questo significa che sono utilizzabili immagini  
>BMP, JPG, CUR, GIF, etc. Il formato ANI non è però supportato, e  
>qualora fosse specificata una GIF animata, il cursore resterebbe  
>non animato. Queste limitazioni potrebbero essere rimosse nelle v 
>ersioni future. 
45    </p>
46    <p>
47      Gecko non pone limitazioni alla dimensione del cursore. E' 
>però consigliabile di limitarsi ad una dimensione di 32x32 per av 
>ere la massima compatibilità con i vari sistemi operativi e le di 
>verse piattaforme. In particolare i cursori più larghi non funzio 
>nano su Windows 9x (95, 98, ME). 
48    </p>
49    <p>
50      I cursori trasparenti non vengono supportati nelle versioni
> per Windows anteriori a Win XP a causa di una limitazione dei si 
>stemi operativi. La trasparenza funziona su tutte le piattaforme. 
51    </p>
52    <p>
53      Solo le versioni di Mozilla per Windows, OS/2 e Linux (usan
>do GTK+ 2.4 o superiore) supportano degli indirizzi URL come valo 
>ri per i cursori. Il supporto per le altre piattaforme potrebbe e 
>ssere aggiunto nelle future versioni (Mac OS: {{ Bug(286304) }},  
>QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{  
>Bug(286310) }}, BeOS: {{ Bug(298184) }}, GTK 2.0/2.2: {{ Bug(3085 
>36) }}) 
54    </p>
55    <h3 id="Compatibilit.C3.A0_con_altri_browser" name="Compatibi
>lit.C3.A0_con_altri_browser"> 
56      Compatibilità con altri browser
57    </h3>
58    <p>
59      Anche Microsoft Internet Explorer supporta indirizzi URI co
>me valori per la proprietà <code>cursor</code>. Però accetta solo 
> i formati CUR e ANI. 
60    </p>
61    <p>
62      E' anche meno aderente alla sintassi per la proprietà <code
>>cursor</code>. Valori come: 
63    </p>
64    <pre class="eval">
65cursor: url(foo.cur);
66</pre>
67    <p>
68      o:
69    </p>
70    <pre class="eval">
71cursor: url(foo.cur), pointer, url(bar.cur), auto;
72</pre>
73    <p>
74      funzionano su MSIE, ma non nei browser basati su Gecko. Per
> la compatibilità con Gecko e il rispetto delle specifiche CSS è  
>necessario elencare sempre prima tutti gli indirizzi URI e usare  
>esclusivamente una sola parola-chiave come valore finale. 
75    </p>
76    <dl>
77      <dd>
78        <i>To-do: document what MSIE does with CSS 3 hotspot loca
>tions</i> 
79      </dd>
80    </dl>
81    <p>
82      <span class="comment">Interwiki Language Links</span>
83    </p>{{ languages( { "en": "en/Using_URL_values_for_the_cursor
>_property", "ja": "ja/Using_URL_values_for_the_cursor_property",  
>"pl": "pl/U\u017cycie_warto\u015bci_URL_dla_w\u0142asno\u015bci_c 
>ursor" } ) }} 

Torna allo storico