Excel的な文字表示 - 文字の回転

仕事ではやっぱり

「Excelの見た目に近い形にしてくれ」

という要望というか押し付けみたいなのがあって。

それはWindowsアプリだろうが、Webアプリだろうがある。

というわけでWebアプリにおける文字の縦書きのCSS。

span.spin {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  display: inline-block;

縦書きにしたいところに<span class="spin">でＯＫ、っと。

「－」とか「（」とか「）」に使うとよろしいですね。