Unidad 16. Comportamientos avanzados (IV)


16.4. Cambiar propiedades CSS

Este comportamiento nos resultará muy útil, ya que nos permite cambiar las propiedades CSS de un elemento al producirse un evento.

Las siguientes capas cambiarán su color si hacemos clic sobre ellas:

Para poder identificar al elemento al que cambiaremos sus propiedades, hemos de asignarle un ID.

Luego seleccionamos el elemento asociado, sobre el que se producirá el evento. Abrimos el panel Comportamientos (Mayus + F4) y pulsamos el botón añadir comportamiento para desplegar la lista.

En este caso seleccionamos el comportamiento Cambiar propiedad. Aparecerá un diálogo como el siguiente:

Lo primero es identificar al elemento. Seleccionamos un Tipo de elemento del desplegable. En ID de elemento se cargaran todos los IDs del tipo seleccionado. Seleccionamos el que nos interese.

A continuación, seleccionamos una propiedad del desplegable Seleccionar o la escribimos en el campo Introducir. E indicamos el valor que tomará en el campo Nuevo valor:.

La pega de este sistema es que nos permite cambiar sólo una propiedad.

 

Recuerda que comentamos la existencia de pseudoclases CSS. Empleando el selector selector:hover, podemos definir un estilo completo que se mostrará cuando el elemento tenga el cursor encima. Veremos esto en la siguiente unidad.


Marzo-2015
Pág. 16.4
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.