Conectados con la tecnología

CSS – Display: none, block, inline.

Por muchos años, los desarrolladores web, hemos utilizados muchas propiedades del CSS. Cada una de éstas propiedades de CSS tienen un valor significativo al crear un proyecto web. Una de las propiedades muy utilizadas es llamada “Display“.

Propiedad display

La propiedad “display” presenta 3 tipos de valores:

1. None. El valor none o ninguno, no mostrara ningún elemento en la página web. Si aplicamos este valor, no solamente desaparecerá el elemento, sino que el espacio que este ocupaba, será utilizado por el elemento adyacente.

2. Block. Este valor se encargará de utilizar todo el ancho desde su inicio hasta el final de la línea. Por ejemplo, los párrafos son un claro ejemplo del valor “block”.

css-display-block

3. Inline.  A diferencia del valor “block”, no ocupa todo el ancho de la línea, solamente ocupa todo el ancho del contenido.

css-display-in-line

 

Te dejamos este pequeño artículo relacionado a la propiedad display con sus valores block, in-line y none.

 

Fuentes:

Propiedad display – Librosweb

Tags:,

Agregar comentario

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