It's been a while since I wrote the last post about progress on implementing CSS Level 3 Text Decoration features in WebKit. I've been involved with other projects but now I can finally resume the work in cooperation with my colleague from basysKom, Lamarque Souza. So far we have implemented:

  • text-decoration-line (link)
  • text-decoration-style (link)
  • text-decoration-color (link)
  • text-underline-position (link)

These properties are currently available under -webkit- prefix on WebKit, and guarded by a feature flag - CSS3_TEXT - which is enabled by default on both EFL and GTK ports. On Blink, plans are to get these properties unprefixed and under a runtime flag, which can be activated by enabling the "Experimental Web Platform Features" flag - see chrome://flags inside Google Chrome/Chromium).

There are still some Skia-related issues to fix on Blink to enable proper dashed and ``dotted`` text decoration styles to be displayed. In the near future, we shall also have the text-decoration shorthand as specified on CSS Level 3 specification.

Note: Do not confuse ``text-decoration``'s ``blink`` value with Blink project :)

Stay tuned for further updates!