CSS3のperspectiveプロパティの値（単位）について教えてください。

Question

現在、perspectiveプロパティについて調べています。

指定する値の単位ですが、

・単位なし数値のみ
・pxを指定
・emを指定

調べた結果、上記の3種類がありました。

値に指定できるのは上記の3種類が正しいのでしょうか？
他にも指定できる単位はありますか？

こちらで少し試してみましたが、
単位なしとpxを指定したときの結果が同じでした。

.hoge {
    perspective: 1000;
}
.hoge {
    perspective: 1000px;
}

単位なしとpx指定したときで結果が変わることがあるのでしょうか？

ご存じの方がいれば、教えてください。

よろしくお願いいたします。

Answer 1

こんにちは。

HTMLなどの標準化をすすめているW3Cによれば、
http://www.w3.org/TR/css-transforms-1/#perspective-property
noneか長さを指定すると書いてあり、
http://www.w3.org/TR/css3-values/#length-value
長さの単位にはpxやem以外も利用できるようです。
また0の時は単位は任意のようです。

調べていましたところ日本語訳もありました。

• http://www.hcn.zaq.ne.jp/___/WEB/css-transforms-ja.html#perspective-property
• http://www.hcn.zaq.ne.jp/___/WEB/css-values-ja.html#lengths

---

単位なしの挙動については、ブラウザによって異なる可能性があります。
こちらが参考になるかもしれません。
http://www.mozilla.gr.jp/standards/webtips0005.html

---

ご参考までに。

Comments

[退会済みユーザー]

こんにちは。
回答ありがとうございます^^
単位付き数値であれば、単位関係なく指定できるということなんですね。
日本語訳のURLまで教えていただき、ありがとうございます。
英語が得意ではない私には助かります。
単位なしの場合は、ブラウザ側の勝手な解釈で表示するため、ブラウザごとに表示が異なる可能性があるということなんですね。
とても勉強になりました。
ありがとうございました((_ _ (´ω｀ )ﾍﾟｺ