実際のコーディングではほとんど役立つことはないと思いますが、text-transformを用いていると、UAの違いというのが浮き彫りになったりします。 例えば、XHTML 1.0 Strictで次のようなコードを書いたとします。 <ul> <li>google com</li> <li>グーグル.com</li> <li>google.com</li> <li>google .com</li> </ul> * { margin: 0; padding: 0; } ul { width: 10em; margin: 1em 0 0 1em; padding: 0 0 0 2em; border: 1px solid #FF6600; } ul li { text-transform: capitalize; } ローカルナビゲーションにありうるようなコードですが、これを各UAで表示させるとこ
![text-transformから見るブラウザのレンダリングの違い - Trans](https://cdn-ak-scissors.b.st-hatena.com/image/square/e3ef77abc9a71c2f941f4075bdd0d221de9af6a2/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faratako0%2F20070612%2F20070612175622.png)