Použitý kód:
<style>
.dolicny:after { content: " ahoj";}
.dolicny {
ruby-align: expression(
this.runtimeStyle.rubyAlign = "auto",
this.innerHTML +=" ahoj"
)
}
</style>
...
<span class="dolicny">Nějaký text</span>
Ta konstrukce s ruby-align (můžete použít libovolnou jinou vlastnost, se kterou to bude fungovat) je tam z toho důvodu, aby to bylo na co navázat. V zápětí ten zápis ruším tím this.runtimeStyle.rubyAlign = "auto", aby se text nepřidával při každém překreslení stránky (což by se jinak dělo, například při rolování; runtimeStyle je tam proto, aby se nenafukoval generovaný kód (poradil Raven)).
V zápisu je samozřejmě možno použít i HTML tagy, jenom je potřeba opatrně zacházet s uvozovkami (nahradit apostrofem).
Pozor, příklad funguje špatně v Internet Exploreru 8 a novějším, protože ty už podporují vlastnost content. To ahoj tam bude dvakrát.
Vizte též: Simulace pserudotřídy :before