負の値のremは使えないのでしょうか？

Question

バリデートでbox-shadowのエラーが出る

-0.1rem に負の値は使えません : 0 -0.1rem -0.1rem rgba(0, 0, 0, 0.9)

・

.u-boxshadow-inside-0-0dot1rem-0dot1rem-a0dot9 {
box-shadow: 0 -.1rem -.1rem rgba(0,0,0,.9);
}

.u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 {
box-shadow: 0 -.2rem -.2rem rgba(0,0,0,.9);
}

下記を見ると負の値を使っていいそうですがなぜ出るのでしょうか？
http://www.htmq.com/css3/box-shadow.shtml

負の値のremは使えないのでしょうか？

Comments

[kei344]

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12167226942 マルチポストは推奨されていません。https://teratail.com/help

Answer 1

記載のページにもありますが、

３番目の長さの値は、ぼかし距離です。負の値を指定することはできません。

Comments

[退会済みユーザー]

.u-boxshadow-inside-0-0dot1rem-0dot1rem-a0dot9 {
box-shadow: 0 -.1rem .1rem rgba(0,0,0,.9);
}

.u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 {
box-shadow: 0 -.2rem .2rem rgba(0,0,0,.9);
}
なんですね。

[退会済みユーザー]

2 .u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 不明なディメンション .2rem
2 .u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 不明なディメンション .2rem
2 .u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 0 は box-shadow で利用できる値ではありません : 0 rgba(0,0,0,0.9) 0 rgba(0,0,0,0.9)

.u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 {
box-shadow: 0 -.2rem .2rem rgba(0,0,0,.9);
}
上記にしてもやはりエラーが出ます。

https://developer.mozilla.org/ja/docs/Web/CSS/box-shadow
を見たのですが、4つでないといけないremは使えないなど記載は見当たりませんが、
これでもダメなのでしょうか？

[maisumakun]

以前にもあった「CSS3非対応のチェッカー」を使っているとか、そんなことはありませんか？

[退会済みユーザー]

profileはcss3にしています。
http://www.css-validator.org/validator.html.ja#validate_by_input+with_options
こちらです。

.u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 {
box-shadow: 0 -.2rem .2rem rgba(0,0,0,.9);
}
こちらを入れてみてください。

[gin]

単にチェッカーがおかしいです。

[退会済みユーザー]

本当ですか。
.u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 {
box-shadow: 0 -.2rem .2rem rgba(0,0,0,.9);
}
は間違っておらず、W3cのバリデータの問題ということなんでしょうか？

[gin]

はい。
間違ってはいないです。

[gin]

そもそも0がダメって言ってる時点でおかしいですね。
0pxとか単位をつけるとそこは通るようですが省略するものですし。

[退会済みユーザー]

単位をつけると出ないくなるのですね。
ただ単位は確かに０は入れないのが普通なので、私のコードはあっているのですね。
ありがとうございます。