::grammar-error

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

::grammar-errorCSS擬似要素で、ユーザーエージェントが文法的に正しくないとしたテキストの区間を示します。

利用できるプロパティ

::grammar-error 擬似要素では、一部の CSS プロパティのみが利用できます。

構文

::grammar-error

単純な文書の構文チェック

この例では、最終的に対応しているブラウザーでは、フラグの立った文法エラーがあれば、示したスタイルで強調表示されます。

HTML

<p>My friends is coming to the party tonight.</p>

CSS

::grammar-error  {
  text-decoration: underline red;
  color: red;
}

結果

仕様書

仕様書 状態 備考
CSS Pseudo-Elements Level 4
::grammar-error の定義
草案 初回定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
::grammar-errorChrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

未対応  
未対応

関連情報