Unidad 10. CSS. Unidades. Color. Margen. Fondo. Borde (XXIII)



10.20. Desbordamiento. overflow

La propiedad overflow indica cómo se muestra el contenido cuando es mayor que las dimensiones de la caja que lo contiene. Puede tomar cuatro valores: visible, hidden, scroll, auto.

1- visible, el contenido desborda la caja y se superpone con la caja siguiente. Es el valor por defecto.

Párrafo uno. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora adipisci dolore reprehenderit dolores eum similique repellat, soluta in voluptates .

Este es el siguiente contenido.


 

2- hidden, el contenido que desborda de la caja se oculta, no se muestra.

Párrafo uno. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora adipisci dolore reprehenderit dolores eum similique repellat, soluta in voluptates voluptatem.

Este es el siguiente contenido.

3- scroll, el contenido que desborda la caja no se muestra pero se habilitan las barras de scroll para poder verlo (en los dispositivos táctiles se puede hacer scroll con el dedo).

Párrafo uno. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora adipisci dolore reprehenderit dolores eum similique repellat, soluta in voluptates voluptatem.

Este es el siguiente contenido.

4- auto, si el contenido desborda la caja no se muestra pero se habilitan las barras de scroll que sean necesarias para poder verlo (en los dispositivos táctiles se puede hacer scroll con el dedo).

Párrafo uno. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora adipisci dolore reprehenderit dolores eum similique repellat, soluta in voluptates voluptatem.

Este es el siguiente contenido.

Para practicar lo aprendido realiza el ejercicio Margin y padding. Fondo, bordes

 

Para saber más sobre los temas de esta unidad ...

Página oficial W3C-CSS.

Usar em y rem: envatotuts+

• Ejercicio propuesto de la Unidad 10 • Prueba evaluativa de la Unidad 10

Enero-2019 (V 2.01)
Pág. 10.23
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.