-moz-image-region
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
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 | absolutely positioned elements |
| Heredable | no |
| Valor calculado | auto if specified as auto, otherwise a rectangle with four values, each of which is auto if specified as auto or the computed length otherwise |
| Animation type | a CSS data type which are rectangles are interpolated over their top, right, bottom and left component, each treated as a real, floating-point number.">rectangle |
Síntaxis
CSS Page type requiredEjemplos
#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);
}