::grammar-error

Experimental

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The ::grammar-error CSS pseudo-element represents a text segment which the user agent has flagged as grammatically incorrect.

Allowable properties

Only a small subset of CSS properties can be used in a rule with ::grammar-error in its selector:

Syntax

::grammar-error

Examples

Simple document grammar check

In this example, eventual supporting browsers should highlight any flagged grammatical errors with the styles shown.

HTML

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

CSS

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

Result

Specifications

Specification Status Comment
CSS Pseudo-Elements Level 4
The definition of '::grammar-error' in that specification.
Working Draft Initial definition.

Browser compatibility

BCD tables only load in the browser

See also