Usare le URL nella proprietà cursor

  • Revision slug: Usare_le_URL_nella_proprietà_cursor
  • Revision title: Usare le URL nella proprietà cursor
  • Revision id: 261510
  • Created:
  • Creator: Indigo
  • Is current revision? No
  • Comment /* Limitations */

Revision Content

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) supporta valori URL per la proprietà "cursor" dei CSS2 . Questo permette di utilizzare una qualsiasi immagine desiderata come cursore del mouse — può essere usato un qualsiasi formato per immagini supportato da Gecko.

Sintassi

La sintassi per questa proprietà è:

cursor: [<url>,]* parola-chiave;

Questo significa che possono essere specificati zero o più indirizzi URL (separati da una virgola), che devono essere seguiti da una delle parole-chiave definite nelle specfiche CSS , come auto o pointer (puntatore).

L'esempio seguente sarebbe consentito:

cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;

In questo modo sarà caricato per primo foo.cur. Se quel file non esiste oppure non è disponibile per altre ragioni, verrà caricato bar.gif, ed infine, se il caricamento di nessuno dei due file andrà a buon fine, verrà utilizzato il valore auto.

In Gecko 1.8beta3 è stato implementato il supporto per le specifiche CSS3 relative alla sintassi per i valori della proprietà "cursor", che quindi funzionano in Firefox 1.5. Questo permette di specificare le coordinate della hotspot del cursore, che sarà bloccata ai bordi dell'immagine del cursore. Se non vengono determinate, le cordinate della hotspot o sono lette dal file stesso (in caso di file CUR e XBM) o sono impostate sull'angolo in alto a sinistra dell'immagine. Un'esempio della sintassi CSS3:

cursor: url(foo.png) 4 12, auto;

Il primo numero rappresenta l'ascissa (asse delle x), il secondo l'ordinata (asse delle y). Nell'esempio la hotspot è impostata ai pixel distanti (4,12) dall'angolo superiore sinistro (0,0).

Limitazioni

Possono essere utilizzati tutti i formati per immagine supportati 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 versioni future.

Gecko non pone limitazioni alla dimensione del cursore. E' però consigliabile di limitarsi ad una dimensione di 32x32 per avere la massima compatibilità con i vari sistemi operativi e le diverse piattaforme. In particolare i cursori più larghi non funzionano su Windows 9x (95, 98, ME).

I cursori trasparenti non vengono supportati nelle versioni per Windows anteriori a Win XP a causa di una limitazione dei sistemi operativi. La trasparenza funziona su tutte le piattaforme.

Solo le versioni di Mozilla per Windows, OS/2 e Linux (usando GTK+ 2.4 o superiore) supportano degli indirizzi URL come valori per i cursori. Il supporto per le altre piattaforme potrebbe essere aggiunto nelle future versioni (Mac OS: {{template.Bug(286304)}}, QNX Neutrino: {{template.Bug(286307)}}, XLib: {{template.Bug(286309)}}, Qt: {{template.Bug(286310)}}, BeOS: {{template.Bug(298184)}}, GTK 2.0/2.2: {{template.Bug(308536)}})

Compatibility with other browsers

Microsoft Internet Explorer also supported URI values for the cursor property. However, it only supports CUR and ANI as formats.

It is also less strict in the syntax for the cursor property. This means that a value such as:

cursor: url(foo.cur);

or:

cursor: url(foo.cur), pointer, url(bar.cur), auto;

will work in MSIE, but will not work in Gecko browsers. For compatibility with Gecko and in accordance with the CSS specification, always put the list of URIs first, and use exactly one keyword value at the end.

To-do: document what MSIE does with CSS 3 hotspot locations

Interwiki Language Links

{{ wiki.languages( { "ja": "ja/Using_URL_values_for_the_cursor_property", "pl": "pl/U\u017cycie_warto\u015bci_URL_dla_w\u0142asno\u015bci_cursor" } ) }}

Revision Source

<p>
</p><p><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 proprietà  <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props">"cursor" dei CSS2 </a>. Questo permette di utilizzare una qualsiasi immagine desiderata come cursore del mouse — può essere usato un qualsiasi formato per immagini supportato da  Gecko.
</p>
<h3 name="Sintassi"> Sintassi </h3>
<p>La sintassi per questa proprietà è:
</p>
<pre class="eval">cursor: [&lt;url&gt;,]* parola-chiave;
</pre>
<p>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 href="it/CSS">CSS</a> , come <code>auto</code> o <code>pointer</code> (puntatore).
</p><p>L'esempio seguente sarebbe consentito:
</p>
<pre class="eval">cursor: url(foo.cur), url(<span class="plain">http://www.example.com/bar.gif</span>), auto;
</pre>
<p>In questo modo sarà caricato per primo foo.cur. Se quel file non esiste oppure non è disponibile per altre ragioni, verrà caricato bar.gif, ed infine, se il caricamento di nessuno dei due file andrà a buon fine, verrà utilizzato il valore <code>auto</code>.
</p><p>In Gecko 1.8beta3 è stato implementato il supporto per le specifiche CSS3 relative alla <a class="external" href="http://www.w3.org/TR/css3-ui/#cursor">sintassi</a> per i valori della proprietà "cursor", che quindi funzionano in Firefox 1.5. Questo permette di specificare le coordinate della hotspot del cursore, che sarà bloccata ai bordi dell'immagine del cursore. Se non vengono determinate, le cordinate della hotspot o sono lette dal file stesso (in caso di file CUR e XBM) o sono impostate sull'angolo in alto a sinistra dell'immagine. Un'esempio della sintassi CSS3:
</p>
<pre class="eval">cursor: url(foo.png) 4 12, auto;
</pre>
<p>Il primo numero rappresenta l'ascissa (asse delle x), il secondo l'ordinata (asse delle y). Nell'esempio la hotspot è impostata ai pixel distanti (4,12) dall'angolo superiore sinistro (0,0).
</p>
<h3 name="Limitazioni"> Limitazioni </h3>
<p>Possono essere utilizzati tutti i formati per immagine supportati 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 versioni future.
</p><p>Gecko non pone limitazioni alla dimensione del cursore. E' però consigliabile di limitarsi ad una dimensione di 32x32 per avere la massima compatibilità con i vari sistemi operativi e le diverse piattaforme. In particolare i cursori più larghi non funzionano su Windows 9x (95, 98, ME).
</p><p>I cursori trasparenti non vengono supportati nelle versioni per Windows anteriori a Win XP a causa di una limitazione dei sistemi operativi. La trasparenza funziona su tutte le piattaforme.
</p><p>Solo le versioni di Mozilla per Windows, OS/2 e Linux (usando GTK+ 2.4 o superiore) supportano degli indirizzi URL come valori per i cursori. Il supporto per le altre piattaforme potrebbe essere aggiunto nelle future versioni (Mac OS: {{template.Bug(286304)}}, QNX Neutrino: {{template.Bug(286307)}}, XLib: {{template.Bug(286309)}}, Qt: {{template.Bug(286310)}}, BeOS: {{template.Bug(298184)}}, GTK 2.0/2.2: {{template.Bug(308536)}})
</p>
<h3 name="Compatibility_with_other_browsers"> Compatibility with other browsers </h3>
<p>Microsoft Internet Explorer also supported URI values for the <code>cursor</code> property. However, it only supports CUR and ANI as formats.
</p><p>It is also less strict in the syntax for the <code>cursor</code> property. This means that a value such as:
</p>
<pre class="eval">cursor: url(foo.cur);
</pre>
<p>or:
</p>
<pre class="eval">cursor: url(foo.cur), pointer, url(bar.cur), auto;
</pre>
<p>will work in MSIE, but will not work in Gecko browsers. For compatibility with Gecko and in accordance with the CSS specification, always put the list of URIs first, and use exactly one keyword value at the end.
</p>
<dl><dd> <i>To-do: document what MSIE does with CSS 3 hotspot locations</i>
</dd></dl>
<p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "ja": "ja/Using_URL_values_for_the_cursor_property", "pl": "pl/U\u017cycie_warto\u015bci_URL_dla_w\u0142asno\u015bci_cursor" } ) }}
Revert to this revision