Textscroll en CSS

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>

Autor: Federico Javier Elgarte
http://www.cssboulevar.com.ar/leer.php/articulo/6

Usuarios que han visto este tema también han visto...

- Comentarios en CSS
- Resaltar una porción de Texto con CSS
- Fondo para campos textarea en CSS
- Imágenes como hitos de las listas
- Bisel exterior con CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento