CSS 「プロパティ値が無効」ですが発生した場合の対処法

• 作成日 2022.08.10
• CSS
• CSS

chrome上で、cssが「プロパティ値が無効」ですが発生した場合の対処法を記述してます。

目次

• 1. 環境
• 2. エラー内容
• 3. 原因
• 4. 解決方法

環境

• OS windows11 pro 64bit
• Apache 2.4.43
• ブラウザ chrome 104.0.5112.81

エラー内容

以下の、コードで発生。

<style>
    .hoge{
        background-color: "#3fb811"; 
    }
</style>

<button class="hoge">button</button>

エラーメッセージ

firefox102の場合は、「無効な値」と表示されます。

原因

「JS」の癖で「CSS」にも「”(ダブルクォーテーション)」を使用してしまったため

解決方法

「”(ダブルクォーテーション)」を削除する。

<style>
    .hoge{
        background-color: #3fb811; 
    }
</style>

• 前の記事
  

  C# 複数行の文字列を使用する 2022.08.10

• 次の記事
  

  C# 先頭の文字のみ大文字に変換する処理で「ToUpper+Substring」と「Regex.Replace」と「ToUpper+ToCharArray」のパフォーマンスを計測して比較する 2022.08.10