Propiedad de clip de estilo
Ejemplo
Recorte una imagen en una forma específica:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
Definición y uso
La propiedad de clip establece o devuelve qué parte de un elemento posicionado es visible.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
clip | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad del clip:
object.style.clip
Establezca la propiedad del clip:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
auto | Default. The element does not clip |
rect(top right bottom left) | Clips the shape defined by the four coordinates |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | auto |
---|---|
Valor devuelto: | Una cadena, que representa la parte de un elemento posicionado que es visible |
Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Devuelve la propiedad del clip:
alert(document.getElementById("myImg").style.clip);
páginas relacionadas
Tutorial CSS: Posicionamiento CSS
Referencia CSS: propiedad de clip
❮ Objeto de estilo