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 WebKit 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.

See below a summary of things I plan to finish in the near future:

• [webkit] Property text-decoration-line now accepts blink as valid value
• [blink] Fix implementation of dashed and dotted styles on Skia
• [blink] Fix an issue where previous Skia stroke styles were used when rendering paint decorations
• [blink] Implement CSS3_TEXT as a runtime flag (requires a fix on Chromium’s Windows trybots – see link for more details)
• [webkit] Finish support for text-decoration shorthand (link)
• [blink] Property text-decoration-line now accepts blink as valid value (link)
• [blink] Finish support for text-decoration shorthand (link)
• [blink] Move text-underline-position out of CSS3_TEXT and replace it with a runtime flag (link)

Note: Please do not confuse text-decoration‘s blink value with Blink project

Stay tuned for further updates!