CSS clipPropiedad


Ejemplo

Recortar una imagen:

img { position:absolute; clip:rect(0px,60px,200px,0px); }

Pruébalo »

Definición de la propiedad e instrucciones de uso

¿Qué sucede si la imagen es más grande que el elemento que la contiene? La propiedad clip te permite especificar un elemento posicionado absolutamente, qué tamaño debe ser visible; el elemento se recorta en esa forma y se muestra.

Nota::Si hay "overflow: visible" primero, la propiedad clip no funciona.

Valor por defecto: auto
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: object.style.clip="rect(0px,50px,50px,0px)"


Compatibilidad del navegador

Los números en la tabla indican el número de la primera versión del navegador que admite esta propiedad.

Propiedad
clip 1.0 8.0 1.0 1.0 7.0

Valores de la propiedad

Valor Descripción
shape Establece la forma del elemento. El único valor de forma válido es: rect (top, right, bottom, left)
auto Valor por defecto. No se aplica ningún recorte.
inherit Especifica que el valor de la propiedad clip debe heredarse del elemento padre.


Artículos relacionados

Tutorial de CSS:Posicionamiento CSS

Otras extensiones