Scroll con hojas de estilo CSS

Scroll con hojas de estilo CSS

Autor: Federico Javier Elgarte (http://www.cssboulevar.com.ar/) - 09/07/2007

En esta oportunidad les enseñaré la propiedad Overflow de CSS capaz de generar un scroll cuando el contenido dentro de un elemento excede las propiedades de su ancho y su alto.

Podemos usar la propiedad Overflow si queremos tener un mayor control sobre nuestras capas.

Para que Overflow funcione correctamente hay que definir las siguientes propiedades:

Background
Width
Height
Overflow
Visible (opciona)
Hidden (opcional)
Auto (opcional)
Inherit (opcional)

Para generar un scroll en cualquier parte del texto puedes copiar el siguiente ejemplo:

<html>
<head>

<style type="text/css">
div {background: white; width:200px; height:100px; overflow: scroll}
</style>

</head>
<body>

<div>Aquí me pongo a cantar al compás de la vigüela, que el hombre que lo desvela una pena estrordinaria, como la ave solitaria con el cantar se consuela.<br>José Hernández<br><u>El gaucho Martín Fierro</u></div>

</body>
</html>

Ver ejemplo en marcha