Ir directamente al contenido de esta página

codexexempla.org

Para no sobrecargar la hoja de estilo asociada, en esta página aplico los valores de la propiedad a ejemplificar directamente a los elementos por medio del atributo style; sin embargo, como no me cansaré de repetir, esto debe ser, como en este caso, una práctica excepcional. Una hoja de estilo asociada es un mecanismo más apto para mantener un sitio, además de respetar más estrictamente el principio de separación entre la capa de estructura del documento y su capa de presentación.

Anexo: Ejemplos de los valores de la propiedad overflow

visible

Éste es el elemento al que aplico overflow, y contiene un texto que en principio supera la altura fija que le he asignado.
Éste es un elemento situado a continuación, para comprobar que la propiedad overflow del anterior no afecta a su posición.

hidden

Éste es el elemento al que aplico overflow, y contiene un texto que en principio supera la altura fija que le he asignado.
Éste es un elemento situado a continuación, para comprobar que la propiedad overflow del anterior no afecta a su posición.

scroll, con un contenido que supera la altura

Éste es el elemento al que aplico overflow, y contiene un texto que en principio supera la altura fija que le he asignado. [He tenido que incluir más texto para que aparezca la barra de desplazamiento]
Éste es un elemento situado a continuación, para comprobar que la propiedad overflow del anterior no afecta a su posición.

scroll, con un contenido que no supera la altura

Éste es el elemento al que aplico overflow, y contiene un texto que en principio no supera la altura fija que le he asignado.
Éste es un elemento situado a continuación, para comprobar que la propiedad overflow del anterior no afecta a su posición.

auto, con un contenido que supera la altura

Éste es el elemento al que aplico overflow, y contiene un texto que en principio supera la altura fija que le he asignado. [He tenido que incluir más texto para que aparezca la barra de desplazamiento]
Éste es un elemento situado a continuación, para comprobar que la propiedad overflow del anterior no afecta a su posición.

auto, con un contenido que no supera la altura

Éste es el elemento al que aplico overflow, y contiene un texto que en principio no supera la altura fija que le he asignado.
Éste es un elemento situado a continuación, para comprobar que la propiedad overflow del anterior no afecta a su posición.

Volver al curso

(cc) CodexExempla.org, 2007–2021 Mapa del sitio | XHTML | CSS | AA