-moz-image-region

No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.

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 inicial	`auto`
Applies to	XUL elements and `:-moz-tree-image`, `:-moz-tree-twisty`, and `:-moz-tree-checkbox` pseudo-elements. Note: `-moz-image-region` only works with elements where the icon is specified using `list-style-image`. It will not work with XUL `<image src="url" />`.
Heredable	yes
Valor calculado	como se especifica
Animation type	discrete

Síntaxis

Error: could not find syntax for this item

Ejemplos

css

#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);
}