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

CSS

エラー発生

 状態:-  閲覧数:4,654  投稿日: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-25 → 5-1
順位 ページタイトル抜粋 アクセス数
1 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 9
2 Adobe Camera Raw 4.0 | Photoshop 8
3 Material Design 2014 年 | Material Design(色) 7
4 RGBの種類 / ビットカラー | RGB(色) 5
4 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 5
5 Design 0 4
5 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 4
5 ログイン 4
5 RGB ⇔ Lab | 色変換(色) 4
6 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
6 画像縦横比の問題 | 画像 3
7 「display:flex;」と記述するだけで有効 → 「flex-basis:auto; flex-direction:row; flex-grow:0; flex-shrink:1; flex-wrap:nowrap;」 | Flexible Box Layout Module(CSS) 2
7 IE8(ブラウザ) カテゴリー 2
7 RGB → 色相H … 最大値基準 × 図形 の考え方 | 色変換(色) 2
7 Fireworks CS3(Fireworks) カテゴリー 2
7 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
7 Virtual DOM / 擬似要素 / Shadow DOM の違いが分からない | Web Components(HTML) 2
7 XnConvert Version 1.80 - windows x64 (Mar 2 2019) - Libformat version 7.26 | XnView MP 系(ソフトウェア) 2
7 上記とは異なるアプローチの仕方 2
7 好きな色は群青色 2
2026/5/2 5:05 更新