| 項 目 | 説 明 |
|---|---|
| 記述形式 | セレクタ {rotation: 角度 } |
| 値 の形式 | 数値（角度： deg） |
| 初 期 値 | 0 |
| 対応ブラウザー | C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+ |
| 適用可能な要素 | ブロックレベル要素，インライン・テーブル，インライン・ブロック |
| 継 承 | しない |
rotationプロパティ は，ブロックレベル要素を反時計回りに回転することを指定します。
指定できる値の形式は，以下のとおりです。
| 値 | 説 明 |
|---|---|
| 角度（deg） | 回転角を弧度法（deg）を単位として、0～360 の範囲で指定します。 |
| HTMLソース | |
|---|---|
| CSS <head> ～ </head> |
<style type="text/css"> <!-- H4.updn {rotation: 180deg;} --> </style> |
| HTML <body> ～ </body> |
<h4 class="updn">180度回転（上下逆転）</h4> |
| ブラウザー 表示例 （未対応のブラウザーでは正しく表示されません） |
|---|
180度回転（上下逆転） |
| HTMLソース | |
|---|---|
| CSS <head> ～ </head> |
<style type="text/css"> <!-- thead th { block-progression: rl; padding: 0.5em 1em; rotation: 45deg; rotation-point: bottom left; } --> </style> |
| HTML <body> ～ </body> |
<table border="1"> <thead style="background-color: #CCCCCC;"> <tr> <th>品名</th><th>単価</th><th>数量</th><th>価格</th> </tr> </thead> <tfoot> <tr> <th>小計</th><td><br></td><td><br></td><td>5,600</td> </tr> <tr> <th>総計</th><td><br></td><td><br></td><td>5,600</td> </tr> </tfoot> <tbody> <tr> <td>ぬいぐるみ</td><td>3,200</td><td>1</td><td>3,200</td> </tr> <tr> <td>チョコレート</td><td>800</td><td>3</td><td>2,400</td> </tr> </tbody> </table> |
| ブラウザー 表示例 （未対応のブラウザーでは正しく表示されません） | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|