Web/CSS/ grammar-error

From Get docs

This is an experimental technologyCheck 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 4The definition of '::grammar-error' in that specification. Working Draft Initial definition.

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
::grammar-error Chrome

No support No

Edge

No support No

Firefox

No support No

IE

No support No

Opera

No support No

Safari

No support No

WebView Android

No support No

Chrome Android

No support No

Firefox Android

No support No

Opera Android

No support No

Safari iOS

No support No

Samsung Internet Android

No support No

Legend

No support  
No support


See also