display

Establece si se representará el objeto.

Sintaxis

{ display: sDisplay }

Valores posibles

sDisplay

Cadena que especifica o recibe uno de los valores siguientes:

inline	Valor predeterminado. El objeto se representa como un elemento en línea cuyo tamaño depende de las dimensiones del contenido.
block	El objeto se representa como un elemento de bloque.
inline-block	El objeto se representa en línea, pero su contenido se representa como un elemento de bloque. Los elementos en línea adyacentes se representan en la misma línea si el espacio lo permite.
list-item	El objeto se representa como un elemento de bloque y se agrega un marcador list-item. Se aplica a Microsoft Internet Explorer 6 y versiones posteriores.
none	El objeto no se representa.
table-footer-group	El pie de tabla siempre se muestra a continuación de todas las demás filas y grupos de filas, y antes de cualquier título que aparezca en la parte inferior. El pie de página se muestra en cada una de las páginas abarcadas por una tabla.
table-header-group	El encabezado de tabla siempre se muestra precediendo a todas las demás filas y grupos de filas, y a continuación de cualquier título que aparezca en la parte superior. El encabezado se muestra en cada una de las páginas abarcadas por una tabla.

Esta propiedad tiene el valor predeterminado inline para todos los objetos, salvo los siguientes:

ADDRESS	block	BLOCKQUOTE	block	BODY	block
CENTER	block	COL	block	COLGROUP	block
DD	block	DIR	block	DIV	block
DL	block	DT	block	FIELDSET	block
FORM	block	FRAME	none	HN	block
HR	block	IFRAME	block	LEGEND	block
LI	list-item	LISTING	block	MENU	block
OL	block	P	block	PLAINTEXT	block
PRE	block	TABLE	block	TBODY	none
TD	block	TFOOT	none	TH	block
THEAD	none	TR	block	UL	block
XMP	block

Esta propiedad no se hereda.

Observaciones

Todos los objetos HTML visibles son del tipo block o inline. Por ejemplo, un objeto DIV es un elemento de bloque y un objeto SPAN es un elemento en línea. Los elementos de bloque normalmente empiezan una nueva línea y pueden contener otros elementos de bloque y en línea. Los elementos en línea normalmente no empiezan una nueva línea y pueden contener otros datos o elementos en línea. La modificación de los valores de la propiedad display afecta al diseño del contenido adyacente porque:

• Se agrega una línea a continuación del elemento que tiene el valor block.

• Se quita una línea del elemento que tiene el valor inline.

• Se ocultan los datos para el elemento que tiene el valor none.

A diferencia de la propiedad visibility, display=none no reserva ningún espacio para el objeto en la pantalla.

Los valores table-header-group y table-footer-group se pueden usar para especificar que el contenido de los objetos thead y tfoot se muestre en cada página para una tabla que abarca varias páginas.

Ejemplos

Este ejemplo muestra el efecto que tiene cambiar los valores para la propiedad display entre inline, block y none:

<span id=ospan>This is a span</span> in a sentence.
<p>
<input type=button value ="Block" onclick="ospan.style.display='block'">
:

El ejemplo usa llamadas a función para ocultar y mostrar filas y celdas de las tablas:

<script>
function getPets()
{
    oRow1Cell2.style.display="none";
    oRow2Cell2.style.display="block";
    oRow3Cell2.style.display="none";
}
</script>
:
<table>
<tr id="oRow1"><td>Horses</td>
<td id="oRow1Cell2">Thoroughbreds</td>
<td>Fast</td></tr>
<tr id="oRow2"><td>Dogs</td>
<td id="oRow2Cell2">Greyhounds</td>
<td>Fast</td></tr>
<tr id="oRow3"><td>Marsupials</td>
<td id="oRow3Cell2">Opossums</td>
<td>Slow</td></tr>
</table>
:
<input type=button onclick="getPets()" value ="Show household pets">

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, HN, HR, HTML, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, P, Q, RT, RUBY, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR y XMP.