CSSを使って本来画像でしか提供できなかった数式を無理矢理実装。
このサイトではルビをIE以外にGeckoエンジンブラウザ・Operaで提供している。ルビ自体はIEしか対応していないが、OperaとMozillaがCSS Level.2に厳密だったからこそCSSでルビを再現できた。これをさらに発展させ、Mozilla MathML版という特殊なタイプのブラウザしかサポートしていない数式表示を通常のMozillaなどでも表示できるようにしてみる。
※殆ど技術的興味で作ったものですので実用には耐えません
CSSのdisplayプロパティで対象要素の型を変更できる。IEなどはblock,inline,listなどしか対応していないが、Mozillaなどはtable型に対応しており、tableを指定すると表のように表示できる。これを用いて数式を再現する。
HTMLとしてはclass属性を用いたほうが厳密だが、記述がややこしくなるのでここでは専用の要素を用意することにする。