✓ CSS高度バリデーター

中括弧のバランス、プロパティ構文、@ルール、セミコロン忘れをチェックする高度なCSS検証。詳細な行番号レポート——すべてブラウザ内で完結、アップロード不要。

CSS高度バリデーターについて

このCSSバリデーターはブラウザ内で完全に動作します。CSSを貼り付け、検証をクリックするだけで一般的な構文問題をスキャンします。中括弧のバランス、丸括弧のバランス、未閉じ文字列リテラル、宣言末尾のセミコロン忘れ、プロパティ名の形式、@ルール構造(@media、@import、@keyframesなど)をチェックします。各問題には行番号が付記されるため、すぐに該当箇所へジャンプできます。

何をチェックしますか?

  • 中括弧のバランス —— すべての { には対応する } が必要で、正しくネストされていること。
  • 丸括弧のバランス —— rgb()calc() の値の丸括弧はバランスが取れていること。
  • 文字列リテラル —— 引用符付き文字列(content: "..."url("..."))は閉じられていること。
  • セミコロン忘れ —— 宣言はセミコロンで終わるべき(ブロック内の最後は省略可能だが推奨)。
  • プロパティ名 —— プロパティ名は有効な識別子(英数字・ハイフン)であること。
  • @ルール —— @media@import@keyframes などは後にブロックまたは文が続くこと。

バリデーターの使い方

  1. CSSを入力ボックスに貼り付けます。
  2. 検証をクリックします。
  3. 結果パネルを確認——有効なCSSは成功を表示、問題がある場合は行番号付きで一覧表示します。
  4. エディタで問題を修正し、再検証します。

よくある質問

ブラウザサポートやベンダープレフィックスをチェックしますか? いいえ。本ツールは構文のみをチェックします。プロパティがブラウザでサポートされているか、ベンダープレフィックスがあるかは検証しません。

SCSSやLESSなどのプリプロセッサに対応していますか? いいえ。本バリデーターは標準CSSを対象とします。ネスト、変数($var)、mixinなどのプリプロセッサ構文はフラグされます。

CSSはアップロードされますか? いいえ、すべての検証はローカルブラウザで行われます。