Cascading Style Sheets (CSS), the language used to style web pages, is expected to get additional controls for how lines appear with text. The current draft, which is maintained by the CSS Working Group at W3C, specified the following new properties:
Jen Simmons, Designer Advocate at Mozilla, shared what the new properties look like when they’re rendered in a browser.
Simmons stated that they already
work in some browsers today. All have fantastic fallbacks, so you can start using them now.
In addition to the new properties, the familiar squiggly red spelling and green grammar error lines people are familiar with seeing on native word processing apps may be coming to CSS too. Originally proposed as a pseudo element (
::spelling-error), they are now part of the draft as a Text Decoration Line property (
When they become available and are supported by all major browsers, it will allow word processing web apps like the ones provided by Grammarly, Google Docs, and Apple Pages, to display spelling and grammar error lines using native CSS.