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 : 260551
  • Créé :
  • Créateur : Learning
  • Version actuelle ? Non
  • Commentaire /* Syntaxe */

Contenu de la révision

{{template.Traduction_encours()}}

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 dabord essayer de charger foo.cur. Si ce fichier n'existe pas ou pour une autre raison n'est pas valable, bar.gif est essayé, et 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.

Source de la révision

<p>{{template.Traduction_encours()}}
</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 dabord essayer de charger foo.cur. Si ce fichier n'existe pas ou pour une autre raison n'est pas valable, bar.gif est essayé, et 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>
Revenir à cette révision