Ejemplo
Ajuste de una imagen:
img
{
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Inténtalo tú mismo " Definición y Uso
¿Qué ocurre si una imagen es más grande que su elemento contenedor? - La propiedad de clip le permite especificar un rectángulo para recortar un elemento con posición absoluta. El rectángulo se especifica como cuatro coordenadas, todo ello desde la esquina superior izquierda del elemento a ser cortada.
Note: La propiedad de clip no funciona si "overflow:visible" .
Valor por defecto: | auto |
---|---|
Heredado: | no |
animatable: | yes. Read about animatable Try it |
Versión: | CSS2 |
la sintaxis de JavaScript: | object .style.clip="rect(0px,50px,50px,0px)" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
sintaxis CSS
clip: auto|shape|initial|inherit;
Valores de propiedad
Valor | Descripción | Juegalo |
---|---|---|
auto | no se aplicará ningún recorte. Esto es por defecto | Juegalo " |
shape | Clips de un elemento. El único valor válido es: rect ( top, right, bottom, left ) | Juegalo " |
initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: Posicionamiento CSS
Referencia HTML DOM: clip property