-moz-image-region

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Résumé

Pour certains éléments et pseudo-éléments XUL, qui utilisent une image de la propriété list-style-image, cette propriété définit la portion de l'image à utiliser à la place de l'image entière. Cela permet d'utiliser plusieurs morceaux d'un même image pour améliorer les performances.

La syntaxe est similaire à celle de la propriété clip. Les quatre valeurs sont relatives au coin supérieur gauche de l'image.

  • Valeur initiale : auto
  • S'applique à : éléments XUL image et :-moz-tree-image, :-moz-tree-twisty, et les pseudo-éléments :-moz-tree-checkbox
  • Héritée : oui
  • Pourcentages: N/A
  • Valeur calculée : Pour les valeurs de rect(), unrectangle étant constitué de quatre longueurs calculées ; autrement, comme spécifié.

Syntaxe

-moz-image-region: rect(top,right,bottom,left);

Exemples

#example-button {
  /* display only the 4x4 area from the top left of this image */
  list-style-image: url("chrome://example/skin/example.png");
  -moz-image-region: rect(0px, 4px, 4px, 0px);
}

#example-button:hover {
  /* use the 4x4 area to the right of the first for the hovered button */
  -moz-image-region: rect(0px, 8px, 4px, 4px);
}


Interwiki Languages Links

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : teoli, gudoy, FredB, Fredchat, Kyodev
 Dernière mise à jour par : teoli,