「Invalid property value.」遭遇事例一覧

CSS

エラー発生

 状態:-  閲覧数:4,658  投稿日:2015-05-24  更新日:2015-05-24
どれだけ経験を積んでも、新たなCSSエラーに遭遇してしまう / もううんざり!
・「Invalid property value」エラーに遭遇する度、追記していくことを決意

perspective:3000;

 閲覧数:833 投稿日:2015-05-24 更新日:2015-05-24

概要


エラーメッセージ
Invalid property value.


問題コード
body{
 perspective:3000;
}


原因
・プロパティ値として「絶対値の length 」を指定する場合は、単位が必要

対応
プロパティ値として「絶対値の length 」を指定する場合は、単位を付与
body{
 perspective:3000px;
}


確認ブラウザ
・「Google Chrome」バージョン 43.0.2357.65 m

ブラウザ互換性一覧表
Can I use perspective

perspective仕様書
CSS Transforms Module Level 1

策定状況
・草案


履歴


ベンダープレフィックス
・perspectiveプロパティで「Invalid property value.」エラーが表示されたので、100%ベンダープレフィックスの問題だと思い込んだ
・値の指定が原因だとは夢にも思わなかった
ベンダープレフィックスを自動付与するJavaScriptライブラリを色々試すも、どれもうまくいかず
・解決するまで3日を要した


perspectiveのベンダープレフィックスを自動付与したい

resizeが効かない場合は、min-heightを設定してみる



週間人気ページランキング / 4-28 → 5-4
順位 ページタイトル抜粋 アクセス数
1 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 11
2 RGBの種類 / ビットカラー | RGB(色) 7
3 ログイン 5
3 Material Design 2014 年 | Material Design(色) 5
4 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 4
4 RGB ⇔ Lab | 色変換(色) 4
5 aタグのクリック範囲を、囲っているタグ範囲まで拡大する | CSS 3
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
5 Design 0 3
5 画像縦横比の問題 | 画像 3
5 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
6 上記とは異なるアプローチの仕方 2
6 好きな色は群青色 2
6 スキップリンク | アクセシビリティ(UI) 2
6 RGB | 色 2
6 問題発生 / 方法は2種類 / CSS対応時の注意点 2
6 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
6 謎の現象 / 「Photoshop CS」と「Photoshop CCでは」では扱いが異なる /「PhotoShop CS3」で「Camera Raw 4.0」を起動するには? 2
6 SVG(画像) カテゴリー 2
6 #0000CDは群青色ではない? | 色 2
2026/5/5 5:44 更新