Índice

Los efectos visuales

Este apartado también se ocupa de cuestiones relativas a la colocación.

1. Posicionar un elemento en relación con su contenedor: overflow PROPIEDADES CSS:overflow

Esta propiedad le permite administrar los elementos que exceden del bloque contenedor. Los valores posibles son:

  • visible (por defecto): el contenido que sobrepase no se cortará.

  • hidden: el contenido que sobrepase se cortará.

  • scroll: el contenido se cortará, pero aparecerá una barra de desplazamiento.

  • auto: el navegador sólo mostrará la barra de desplazamiento si es necesario.

Este es un ejemplo:

    <STYLE type="text/css"> 
#bloque { 
      width: 200px; 
      height: 100px; 
      overflow: auto; 
      border: 1px solid #000; 
      } 
     </STYLE> 
</HEAD> 
  <BODY> 
  <div id="bloque"> 
    Copie en esta parte un texto lo suficientemente largo como para obtener 
una barra de desplazamiento y poder ver así en funcionamiento el ejemplo  
tratado 
</div> 
</BODY>
images/01-94.png

2. Recortar un elemento: clip PROPIEDADES CSS:clip

Esta propiedad permite establecer el área visible de un elemento. Los valores posibles son:

  • Auto: el agente de usuario decidirá qué parte del elemento será visible.

  • rect(v1, v2, v3, v4): v1 inicio del área visible vertical, v2 fin de la zona ...