Display en CSS

Si bien en la especificación se define exactamente cuáles son los elementos bloque y cuáles los inline, existe una instrucción con la que se pueden invertir esas definiciones “naturales”. Por ejemplo, cualquier elemento bloque se puede representar como elemento inline, y viceversa. Incluso se puede suprimir la representación de cualquier elemento (y también se pueden hacer invisibles)..

Display en CSS | Aprender CSS | Si bien en la especificación se define exactamente cuáles  son los elementos bloque y cuáles los inline, existe una instrucción con la que  se pueden invertir esas definiciones “naturales”. Por ejemplo, cualquier  elemento bloque se puede representar como elemento inline, y viceversa. Incluso  se puede suprimir la representación de cualquier elemento (y también se pueden  hacer invisibles).
COMPÁRTELO:

Si bien en la especificación se define exactamente cuáles son los elementos bloque y cuáles los inline, existe una instrucción con la que se pueden invertir esas definiciones “naturales”. Por ejemplo, cualquier elemento bloque se puede representar como elemento inline, y viceversa. Incluso se puede suprimir la representación de cualquier elemento (y también se pueden hacer invisibles).

Veamos algunos ejemplos (excepcionalmente con el estilo inline):

<div style=”display: inline;”>parte de un texto</div>

El elemento bloque se convierte en un elemento inline.

<a href=”foot.html” style=”display: block;”>texto del link</a>

El elemento inline se convierte en un element bloque

<div style=”display: none;”>parte de un texto </div>

El elemento no se muestra. Debemos de tener en cuenta que la muestra se suprime completamente sin contar para nada con el espacio que ocupa el elemento ni reservarlo. Los elementos contiguos no se ven afectados en su tamaño o posición.

🤖

ChatGPT Gratis
Realiza preguntas sobre cualquier tema

¡Participa!

¡Compártelo en tus Redes Sociales!
Compartir en:

CITAR ARTÍCULO


Para tareas, investigaciones, tesis, libros, revistas, blogs ó artículos académicos

Referencia en Formato APA:

Delgado, Hugo. (2014).
Display en CSS.
Recuperado 13 de December, 2024, de
https://disenowebakus.net/display-en-css.php

Profesor en la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo Web y Posicionamiento SEO desde hace más de 15 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

CONTINÚA APRENDIENDO

Menú categoría


Aprender CSS

TAMBIÉN MERECE LA PENA VISITAR:

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido relacionado:

1 Comentario en "Display en CSS"

  1. Avatar usuario
    Jose

    Si bien en la especificación se define exactamente cuáles son los elementos bloque y cuáles los inline.

 

Deja tu Comentario

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información
Anunciate aquí

Tu navegador ha bloqueado la publicidad.
Por favor 🙏 permite visualizar los anuncios para poder acceder, gracias.