Propiedad Style clip
- Página anterior clear
- Página siguiente color
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
clip
Configurar o devolver qué parte del elemento de ubicación está visible.
Vea también:
Tutorial de CSS:Posicionamiento CSS
Manual de referencia de CSS:Propiedad clip
Ejemplo
Ejemplo 1
Recortar la imagen a la forma especificada:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
Ejemplo 2
Devolver la propiedad clip:
alert(document.getElementById("myImg").style.clip);
Sintaxis
Devolver la propiedad clip:
object.style.clip
Establecer la propiedad clip:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
Valor de la propiedad
Valor | Descripción |
---|---|
auto | Predeterminado. No recortar el elemento. |
rect(top right bottom left) | Recortar la forma definida por cuatro coordenadas. |
initial | Establezca esta propiedad en su valor predeterminado. Consulte initial。 |
inherit | Hereda esta propiedad del elemento padre. Consulte inherit。 |
Detalles técnicos
Valor predeterminado: | Ninguno |
---|---|
Valor de retorno: | Cadena que representa la parte visible del elemento de posicionamiento. |
Versión de CSS: | CSS2 |
Compatibilidad del navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | Soporte | Soporte | Soporte | Soporte |
- Página anterior clear
- Página siguiente color
- Volver a la capa superior Objeto Style de HTML DOM