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>