Q&A
・回答&リンク提示ありがとうございました
・仕様としては<integer> 型、<number> 型として定義されているんですね
・物凄く勘違いしていたことに気が付きました
・大変参考になりました！
CSSで小数点を指定することについて
・仕様上は間違いではないのでしょうか？
px指定の場合
・間違いではないが、ブラウザが解釈しないので意味がない？
%指定の場合
・ブラウザが解釈するので意味がある？
・ここら辺りについては、最終的にはブラウザ毎の仕様による？
回答4件
0
CSSで小数点を指定することについて
・仕様上は間違いではないのでしょうか？
間違いではありません。
px指定の場合
・間違いではないが、ブラウザが解釈しないので意味がない？
解釈します。
ブラウザによって表示がピクセルにフィットするだけで、たとえば 1.5px + 1.5px はきちんと 3px として表示されます。
%指定の場合
・ブラウザが解釈するので意味がある？
ピクセルと同じことが起こります。ピクセルに直すと結果が中途半端になる値でも、計算上は 100% になり、表示段階でブラウザによってはピクセルにフィットされます。
ちなみにブラウザの拡大縮小機能が絡んでくるともっとややこしいようです…、
投稿2016/05/09 01:27
総合スコア790
0
ベストアンサー
小数を使えるかどうかは対象プロパティに指定される型に依存します。
<integer> 型 (整数)
<integer> 型は整数値をとり、小数は許可されません。
<number> 型 (実数)
<number> 型は小数も許可します。
<length> 型 (長さ)
<length> 型は文法上、<dimension-token> のトークンをとります。
<dimension-token> は <number-token>, <ident-token> から構成されますが、<number-token> は小数を許可する為、<length> 型は小数を許可します。
- 5. 長さの単位：<length>型 - CSS Values and Units Module Level 3 日本語訳
- <dimension-token> - CSS Syntax Module Level 3 （日本語訳）
他の型
他にも様々な型が存在しますが、全ては紹介しきれないので各種仕様書でプロパティが指定する型を確認してください。
Re: re97 さん
投稿2016/05/09 08:01
編集2016/05/10 00:22
総合スコア18164
0
pxでも%でも小数点はブラウザごとの仕様で丸められてしまうようです。
投稿2016/05/09 00:42
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/05/10 00:03