Jquery CSS mettre balise alt de img en légende

[stefart]

Je voudrais utiliser le contenu de la balise alt de img pour mettre en legende des photos. Soit sous ou sur l'image avec une mise en forme.

voici le code Html

Code :

[== HTML ==]
<div id="content"><p>
    <img src="image.jpg" alt="legende photo A"></p>
</div>

voici le css

Code :

[== CSS ==]
div#content p img {
alt-visibility: visible;
    alt-position: bottom;
    alt-style: bold #green;
}

j'ai testé aussi le css comme ca :

Code :

[== CSS ==]
div#content p img[alt] {
    visibility:visible;
    position: bottom;
    style: bold #green;
}

Mais dans les 2 Css rien ne s'affiche.

je me demande si je ne suis pas entreint de me planter de solution pour obtenir le resultat que je souhaite.

Deja si c'est possible?