Can CSS reveal the summary attribute in visual User Agents of today?

How-to note.

The general method is to use this CSS code:

table[summary]:after {
    content:attr(summary);
    display:table-caption;
    }

:hover version.

Hover over this table to reveal the summary content.

Table of summary and CSS support. (Hover-version.)

Name of UA	Support?	Since version?
Internet Explorer	Yes [1]	Version 8 (beta)
Opera	Yes [2]	At least since v. 7.54
WebKit	Yes [3]	Before version 3.2.1
Firefox	Yes [4]	Version 3.1 (beta)

Hack notes

[1] The main Internet Explorer hack is that it was necessary to enable – and hide – the table:before pseudo-element in order to get table:after to work.

[2] Opera deserves note for being the only UA that did not need hacks.

[3] Webkit only able difficult to use table:before, while the rest use table:after. Also issue with caption displayed behind summary. (See the code.)

[4] Firefox 3.1 was most difficult to hack due to problems with having two elements with display:table-caption. One of them would not display or display the wrong place.