Con la propiedad 'clip' podemos especificar un
área de recorte para los los elementos de bloque y los elementos reemplazados.
Si el área es menor que el elemento, una parte de éste quedará
desbordando la caja y con 'overflow' podemos definir si el contenido
que desborda debe quedar visible, oculto o debe tener un mecanismo de scroll
para desplazarlo.
Para esta prueba vamos a utilizar una imagen y un elemento <PRE>,
ambos con una medida de 200px de ancho y 200px de alto:
A: Enlace de hipertexto o destino de un link ABBR: Abreviatura ACRONYM: Acrónimo ADDRESS: Dirección AREA: Area de un mapa de imagen B: Texto en negritas BASE: URI de base del documento BDO: Sustitución del algoritmo de bidireccionalidad BIG: Texto más grande BODY: Cuerpo del documento
Ahora los repetimos, esta vez usando las propiedades:
clip: rect(0,100px,100px,0);overflow: hidden;