Amaga el contingut i el div
Este texto quedará formatado mediante un evento que modificará la propiedad PADDING
  Tratamiento de propiedades Div con Javascript    
       
       
       













 

     

 

 

 

       
 

La propiedad "display"

Las posibilidades de la propiedad display son mucho más avanzadas que simplemente ocultar elementos. En realidad, la propiedad display modifica la forma en la que se visualiza un elemento.

Los valores más utilizados son inline, block y none:

- display: block: Muestra un elemento como si fuera un elemento de bloque, independientemente del tipo de elemento que se trate.

- display: inline: Visualiza un elemento en forma de elemento en línea, independientemente del tipo de elemento que se trate.

- display: none: Oculta un elemento y hace que desaparezca de la página. Como se ha dicho anteriormente, el resto de elementos de la página se visualizan como si no existiera el elemento oculto, es decir, pueden ocupar el espacio en el que se debería visualizar el elemento.

La propiedad "visibility"

Visibility es una propiedad mucho más sencilla que display, pues sus posibilidades son mucho más limitadas y únicamente permite hacer visibles o invisibles los elementos de una página.

Los valores posibles para visibility son:

- visibility: normal: Es el valor por defecto.

- visibility hidden: convierte una caja en invisible para que no muestre sus contenidos. El resto de elementos de la página se muestran como si la caja todavía fuera visible, por lo que en el lugar donde originalmente se mostraba la caja invisible, ahora se muestra un hueco vacío

- visibility: collapse: sólo se puede utilizar en las filas, grupos de filas, columnas y grupos de columnas de una tabla. Su efecto es similar al de la propiedad display, ya que oculta completamente la fila y/o columna y se pueden mostrar otros contenidos en ese lugar. Si se utiliza el valor collapse sobre cualquier otro tipo de elemento, su efecto es idéntico al valor hidden.

 
   
 

Lista

Primero

Segundo

Tercero

Quarto

Lista

Primero

Segundo

Tercero

Quarto