Tema: Definición
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/09/2006, 04:54
Avatar de tunait
tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 2 meses
Puntos: 381
Hola de nuevo JUMASOL,

la propiedad display vendría a indicar la forma de mostrarse de un elemento en un momento dado, distinta de la forma de mostrarse/comportarse inherente al tipo de elemento que sea.

Como lo que he dicho arriba no hay quien co*ones lo entienda trataré de explicarlo mejor

Los elementos html están clasificados dentro de determinados tipos. Por ejemplo pueden pertenecer a elementos de línea (inline elements) o a elementos de bloque (block elements).

Los elementos de línea son contenedores que pueden permanecer entre otros elementos de línea o texto dentro de una misma línea (como un link, strong, span...). Pueden contener otros elementos de línea y texto pero no pueden contener elementos de bloque.

Los de bloque son contenedores que pretenden definir una estructura más grande (p, div, table, listas...) y pueden contener elementos en línea y otros elementos en bloque. Estos elementos comienzan en una nueva línea.

Con la propiedad display de css puedes alterar este comportamiento y pedirle a un elemento html de tipo bloque que se comporte/muestre como si fuera un elemento de línea (inline) o pedirle a un elemento de línea que se comporte/muestre como si fuera un elemento de bloque (block).

Si tienes esto:

La <strong>casa</strong> es azul

el navegador mostrará

Código:
La casa es azul
dado que strong es un elemento de línea se mostrará dentro de la línea de texto dentro de la cual está.

Sin embargo si mediante css le pedimos que ...

strong{display: block}

...cambiará su comportamiento y se mostrará así

Código:
La

casa

es azul
Yo no sé si te habré liado más en vez de ayudarte

un saludo