Utilisation d'URL pour la propriété cursor

  • Raccourci de la révision : Utilisation_d'URL_pour_la_propriété_cursor
  • Titre de la révision : Utilisation d'URL pour la propriété cursor
  • ID de la révision : 260553
  • Créé :
  • Créateur : Learning
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{template.Traduction_en_cours("Using URL values for the cursor property")}}

Syntaxe

La syntaxe pour cette propriété est:

cursor: [<url>,]* motclef;

Ceci signifie que zéro ou plus d'URL peuvent être spécifié (séparé par une virgule), qui doit être suivi par un des mots clef défini dans les spécifications CSS, tels que auto ou pointer.

Par exemple, la valeur suivante sera permise:

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

Elle va d'abord essayer de charger foo.cur. Si ce fichier n'existe pas ou pour une autre raison n'est pas valable, bar.gif est essayé, si elle ne peut pas être utilisé non plus, auto sera utilisé.

De l'aide sur la syntaxe CSS3 pour les valeurs du curseur ont été ajouté dans Gecko 1.8beta3; ça fonctionne donc dans Firefox 1.5. et permet d'indiquer les coordonnées des points chauds du curseur qui seront maintenus aux frontières de l'image du curseur. Si aucun n'est indiqué, les coordonnées du point chaud sont lus à partir du dossier lui-même (pour les fichier CUR et XBM) ou sont réglé au coin supèrieur gauche de l'image. Un exemple de la syntaxe CSS3 est:

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

Le premier numéro est la coordonnée x, le second numéro est la coordonnée y. L'exemple va régler le point chaud afin d'être le pixel (4,12) par rapport au (0,0) en haut à gauche.

Limitations

All image formats supported by Gecko can be used. This means that you can use BMP, JPG, CUR, GIF, etc. images. However, ANI is not supported. And even if you specify an animated GIF, the cursor will not be an animated cursor. This limitation may be removed in future releases.

Gecko itself does not place a limitation on the size of the cursor. However, you should limit yourself to the size 32x32 for maximum compatibility with operating systems and platforms. Especially, cursors larger than this size will not work on Windows 9x (95, 98, ME).

Translucent cursors are not supported on Windows releases earlier than XP. This is a limitation of the operating system. Transparency works on all platforms.

Only Windows, OS/2 and Linux (when using GTK+ 2.4 or better) releases of Mozilla support URL values as cursors. Support for other platforms may be added in future releases (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)}})

Source de la révision

<p>{{template.Traduction_en_cours("Using URL values for the cursor property")}}
</p>
<h3 name="Syntaxe"> Syntaxe </h3>
<p>La syntaxe pour cette propriété est:
</p>
<pre class="eval">cursor: [&lt;url&gt;,]* motclef;
</pre>
<p>Ceci signifie que zéro ou plus d'URL peuvent être spécifié (séparé par une virgule), qui <b>doit</b> être suivi par un des mots clef défini dans les spécifications <a href="fr/CSS">CSS</a>, tels que <code>auto</code> ou <code>pointer</code>.
</p><p>Par exemple, la valeur suivante sera permise:
</p>
<pre class="eval">cursor: url(foo.cur), url(<span class="plain">http://www.example.com/bar.gif</span>), auto;
</pre>
<p>Elle va d'abord essayer de charger foo.cur. Si ce fichier n'existe pas ou pour une autre raison n'est pas valable, bar.gif est essayé, si elle ne peut pas être utilisé non plus, <code>auto</code> sera utilisé.
</p><p>De l'aide sur la <a class="external" href="http://www.w3.org/TR/css3-ui/#cursor">syntaxe</a> CSS3 pour les valeurs du curseur ont été ajouté dans Gecko 1.8beta3; ça fonctionne donc dans Firefox 1.5. 
et permet d'indiquer les coordonnées des points chauds du curseur qui seront maintenus aux frontières de l'image du curseur. Si aucun n'est indiqué, les coordonnées du point chaud sont lus à partir du dossier lui-même (pour les fichier CUR et XBM) ou sont réglé au coin supèrieur gauche de l'image. Un exemple de la syntaxe CSS3 est:
</p>
<pre class="eval">cursor: url(foo.png) 4 12, auto;
</pre>
<p>Le premier numéro est la coordonnée x, le second numéro est la coordonnée y. L'exemple va régler le point chaud afin d'être le pixel (4,12) par rapport au (0,0) en haut à gauche.
</p>
<h3 name="Limitations"> Limitations </h3>
<p>All image formats supported by Gecko can be used. This means that you can use BMP, JPG, CUR, GIF, etc. images. However, ANI is not supported. And even if you specify an animated GIF, the cursor will not be an animated cursor. This limitation may be removed in future releases.
</p><p>Gecko itself does not place a limitation on the size of the cursor. However, you should limit yourself to the size 32x32 for maximum compatibility with operating systems and platforms. Especially, cursors larger than this size will not work on Windows 9x (95, 98, ME).
</p><p>Translucent cursors are not supported on Windows releases earlier than XP. This is a limitation of the operating system. Transparency works on all platforms.
</p><p>Only Windows, OS/2 and Linux (when using GTK+ 2.4 or better) releases of Mozilla support URL values as cursors. Support for other platforms may be added in future releases (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>
Revenir à cette révision