Textscroll

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

Federico Javier Elgarte
http://www.cssboulevar.com.ar/articulos/?id=6

Leave A Comment?