Dynamic HTML abbreviations using CSS

This page features the following CSS code, which uses the content property to dynamically expand abbreviations (abbr tags) and acronyms (acronym tags) whenever you mouse over them.

acronym:hover:after { content: " (" attr(title) ")"; }
abbr:hover:after { content: " (" attr(title) ")"; }

See the related discussion on Holovaty.com.

Works in these browsers:

Doesn't work in these browsers:

Contact me if you'd like to add your findings to this list (which is currently quite meager).


Updated March 10, 2002