Curso de Css leccion 6: El atributo Owerflow

El atributo Owerflow

Overflow sirve indicar al navegador qué es lo que debe hacer con el contenido que no cabe dentro de una capa, en funcion de las dimensiones que se le han asignado.



Los valores que especifican las funciones de este atributo son:

visible: Muestra todo el contenido de la capa
hidden: Oculta el contenido de la capa
scroll: Preconfigura el tamaño de la capa
auto Se respetarán las dimensiones asignadas a una caja.

Nota: Lo ideal es que si tenemos varias cajas asignemos a cada una un nombre sencillo para no perdernos y que podamos asignarle los valores adecuadamente.
Ejemplo practico

<div style="overflow: auto; width: 300px; height: 100px; background-color:#ededed; border: 1px solid #990000;">
Aqui el contenido
</div>


Asi se mostraria en la Web

Aqui el contenido de la caja

Articulo BY S3L3N1TY

No hay comentarios :