CSS3 Pre-Reference



角度

 

試す

サンプル

回転していないものは、未対応です。
プロパティの対応との兼ね合いで、対応していても動作しない可能性があります。

10deg

10grad

0.2rad

0.04turn

コメントする


対応ブラウザ

Firefox
3.5~
Chrome/Safari
3.1~
Opera
まだ
InternetExplorer
まだ

パラメータ

レベル 2.0
参考文献 CSS3 Values and Units#3.4.5. Angles

解説

角度は”数値+単位”で指定します。

CSS2の時点では音声スタイルシートだけでしたが、CSS3になって変形が導入され、その値としても指定できるようになっています。

また、CSS3で”turn”という単位が追加されています。

単位は以下の通りです:

deg
度(度数法)
grad
グラード(グラード法)
rad
ラジアン(弧度法)
turn
1回転

参考に書いておきますと、"90deg" = "100grad" = "1.570796326794897(π/2)rad" = "0.25turn"となります。

トラックバック

投稿されたコメント