CSSプロパティのz-indexとorderは整数でしか使用不可

CSSプロパティのz-indexとorderは整数でしか使用不可

z-indexとorderは整数のみ

CSSプロパティにはいろいろなものが存在する。top, width, border, etc…

そんな中でz-indexとorderは数字を入れる場合、整数しか使用できないCSSプロパティなので間違えて指定しないよう注意が必要だ。

一般的には小数点を含んで記述することはまずないはずだが、JavaScriptなどで値を指定する場合、何かしらの数値の処理の結果を入れてしまって適用されないことなどが考えられる。

ちなみに1.0や2.0などように小数点の語尾に0を付けている場合も指定が適用されない。

CSSプロパティのz-indexとorder小数点サンプル

カテゴリーcss