Saltar al contenido

Elemento HTML que se muestra por defecto: inline-block?

Solución:

Por lo que puedo decir <img> la etiqueta es la única inline-block por defecto. Para estar seguro, recomendaría una clase, nunca se sabe cuándo cambiar todos los elementos de un cierto tipo volverá a morderlo. O bien, siempre puede crear su propia etiqueta y asignar display:inline-block; lo. De esta manera, no está cambiando la funcionalidad predeterminada de los elementos estándar …

EDITAR

También parece que button, textarea, input, y select los elementos también son inline-block

Fuentes:

De acuerdo a esto img es inline-block http://dev.w3.org/html5/markup/img.html#img-display

Y aquí afirma que button, textarea, etc. también son: http://www.w3.org/TR/CSS2/sample.html

EDITAR # 2

Si bien la fuente anterior afirma que img las etiquetas son inline-block parece (gracias a Alohci) que son solo inline http://jsfiddle.net/AQ2yp/

Se probó lo siguiente en Firefox:

button es inline-block: http://jsfiddle.net/GLS4P/

textarea es inline: http://jsfiddle.net/235vc/

input es inline: http://jsfiddle.net/RFKe8/

select es inline-block: http://jsfiddle.net/5B4Gs/

¿Hay alguno que por defecto sea inline-block?

Estrictamente hablando, no, no hay. Las especificaciones HTML de W3 nunca especifican valores de propiedad CSS predeterminados para alguna elementos. Proporcionan una “hoja de estilo predeterminada” para HTML 4, pero los desarrolladores solo alentado para usarlo, no es un requisito ni ningún tipo de mandato. Las especificaciones de HTML 5 indican “propiedades de visualización predeterminadas típicas” pero, de nuevo, no son necesarias (también tenga en cuenta que HTML 5 sigue siendo una borrador de trabajo de todos modos).

Eso deja todos los valores predeterminados en manos del navegador y cómo los desarrolladores creen que los elementos deberían mostrarse al usuario. Nadie puede garantizar que un elemento específico se mostrará como inline-block o de cualquier otra forma en el navegador de alguien. Siempre debe establecerlo explícitamente si desea que suceda. No confíe en los “valores predeterminados”.

Si no es así, ¿qué nombre de etiqueta especial sería apropiado para que yo aplique ‘inline-block’ usando CSS? ¿O debería limitarme a usar una clase?

Esto depende de usted y de cómo está diseñando sus páginas. Siempre debe utilizar elementos que sean semánticamente apropiados para el contenido que contienen. Si el elemento siempre ser utilizado en un contexto que requerirá inline-block display, por supuesto, configúrelo así en su hoja de estilo. De lo contrario, tendrás que recurrir a clases o selectores más específicos para que tus elementos se muestren correctamente.

Aquí hay un violín que obtiene el valor de visualización predeterminado para la mayoría de las etiquetas HTML.

Violín

En Chrome, los elementos de bloque en línea predeterminados son: "INPUT", "BUTTON", "TEXTAREA", "SELECT"

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : / /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *