::grammar-error

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

• color
• background-color
• cursor
• caret-color
• outline およびその個別指定プロパティ
• text-decoration および関連プロパティ
• text-emphasis-color
• text-shadow

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

HTML

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

CSS

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

結果

• ::spelling-error