-moz-image-region

No estándar
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Para sistemas que funcionan con cualquier fondo ver -moz-image-rect.

Resumen

Para cierto elementos y pseudo-elementos XUL que usan una imagen para la propiedad list-style-image, esta propiedad especifica la parte de una imagen que es usada en lugar en vez de la imagen completa. Esto permite a los elementos usar diferentes partes de la misma imagen para mejorar el rendimiento.

La síntaxis es similar a la síntaxis de la propiedad clip. Los 4 valors son relativos la esquina superior izquierda de la imagen.

Valor inicialauto
Applies toXUL image elements and :-moz-tree-image, :-moz-tree-twisty, and :-moz-tree-checkbox pseudo-elements. Note: -moz-image-region only works with image elements where the icon is specified using list-style-image. It will not work with XUL <image src="url" />.
Heredableyes
Mediavisual
Valor calculadocomo se especifica
Animatableno
Canonical orderel orden único no-ambigüo definido por la gramática formal

Síntaxis

<shape>

where
<shape> = rect(<top>, <right>, <bottom>, <left>)

Ejemplos

#example-button {
  /* muestra sólo el área 4x4 desde la esquina izquierda de esta imagen */
  list-style-image: url("chrome://example/skin/example.png");
  -moz-image-region: rect(0px, 4px, 4px, 0px);
}
#example-button:hover {
  /* muestra sólo el área 4x4 a la derecha del primero para cuando pongamos el ratón sobre el botón */
  -moz-image-region: rect(0px, 8px, 4px, 4px);
}

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,