CSS Stílusbeállítások változtatása

A :hover vagy :active álosztály kijelölők felhasználásával módosíthatjuk a HTML elemek css beállításait abban az esetben, ha az egérkurzor a az elem fölé ér, vagy a felhasználó megnyomja a bal egérgombot, az egérkurzorral az elem felett állva.

A változás azonnal és minden átmenet nélkül életbe lép.

Ezeket az álosztályokat tipikusan beviteli elemeknél és linkeknél szokás használni, de lehetőség van például képtárak esetén a kiválasztott kép kiemelésére, vagy akár egy általános tároló elem tulajdonságainak módosítására.

Példa:

Forráskód


<style>
  #img1:hover  { width: 380px; height: 200px; } 
</style>  
....
<body>    
     <img src="Modern_halo_n.jpg" id="img1" 
       alt="Minta kép" width="250px" height="150px">    
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_valtozas_1.html