CSS - clip
Descripción
La propiedad clip define el área fuera de la cual el contenido de un elemento absolutamente posicionado no es visible.
Valores posibles
auto - La región de recorte es equivalente al área de contenido del elemento posicionado.
shape- Un descriptor de forma. A partir de CSS2, solo hay una forma válida: rect (arriba a la derecha, abajo a la izquierda).
Se aplica a
elementos a nivel de bloque y reemplazados.
Sintaxis DOM
object.style.clip = rect(top right bottom left);
Ejemplo
Aquí está el ejemplo que muestra el efecto de esta propiedad:
<html>
<head>
<style type = "text/css">
div {
background: url(/images/css.gif);
clip:rect(10px, 155px, 145px, 10px);
border:2px solid black;
height:100px;
width:150px;
position:absolute;
top:inherit;
left:0px;
}
</style>
</head>
<body>
<div>Example of clipping one image using css clip property</div>
</body>
</html>
Producirá el siguiente resultado: