Incorrect CSS3 text-decoration Implementation

By design Issue #13391907


Dexter L.
Aug 23, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

text-decoration value cannot allow shorthand syntax with text-decoration-style and text-decoration-color included.
Also, the standalone properties text-decoration-line, text-decoration-style and text-decoration-color are not supported.

Example: HTML:

<div id="text1">Text 1 Result</div>
<div id="text2">Text 2 Result</div>


#text1 { text-decoration: underline wavy;}
#text2 { text-decoration-line: underline; text-decoration-style: double; text-decoration-color: red;}


Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

    Changed Status to “By design”

  • Edge currently does not support CSS 3 Text Decorations (only the spec as it was defined in CSS 2.1) so the behavior you are seeing is expected. We are constantly looking for ways to improve our product and have implementing further refinements of the spec on our backlog, though we don’t have any specifc plan to share as of right now. Feel free however to use our uservoice website and upvote/create a feature request. We only use this website to keep track of bugs, not feature requests.

  • Can I just ask one important question?


You need to sign in to your Microsoft account to add a comment.

Sign in