Comments on: text-decoration

By: Vikas

Vikas — Thu, 28 Mar 2019 02:14:47 +0000

What a text decoration ;)

I liked text-decoration: red underline overline wavy;. It’s really look awesome.

By: Mahesh Kumar Soundararajan

Mahesh Kumar Soundararajan — Wed, 07 Feb 2018 05:59:25 +0000

‘text-decoration: none’ style property working well in IE, but in Supported Browser list ‘IE’ and ‘Edge’ marked as not supported. Is there any specific reason for this.

By: Shyam

Shyam — Thu, 16 Nov 2017 22:01:31 +0000

Any idea how to change the thickness of wavy underline

By: Ahmad

Ahmad — Wed, 12 Oct 2016 17:49:14 +0000

In webkit text-decoration-color doesn’t work.. what shame ! I always that If something works anywhere else it must work in webkit

By: The ChanDroid

The ChanDroid — Sun, 09 Oct 2016 17:30:40 +0000

In reply to dadanini.

Thank You – Not bad – I see myself using this…

By: dadanini

dadanini — Wed, 16 Sep 2015 12:16:52 +0000

text-decoration specifications are still under development (http://www.w3.org/TR/css-text-decor-3/). everything with those subproperties is experimental. if you need another color for your underline use an additional span element.

Try this!

By: Brian Pohuski

Brian Pohuski — Sat, 07 Mar 2015 17:18:00 +0000

By using inline-table and table-caption, we can force the proper positioning of a pseudo-element that allows proper scaling.

a {
  text-decoration: none;
  display: inline-table;
}

a:after {
  content: "";
  width: 100%;
  border-bottom: 0.1em solid #f00;
  display: table-caption;
  vertical-align: baseline;
  position: relative;
  top: 0.9em;
}

http://codepen.io/pohuski/pen/vEzxPj

My explanation on StackOverflow

By: Deepak Sudera

Deepak Sudera — Fri, 28 Nov 2014 06:28:36 +0000

Chrome don’t support text-decoration-style.,,… but Firefox support.. Please help me for Chrome Browser…

By: Chris Krycho

Chris Krycho — Thu, 10 Jul 2014 00:10:05 +0000

In reply to Martijn. That situation looks to be changing slowly. Safari 8 (in the Yosemite developer preview) now has partial support for it: the double and wavy options render (the latter is ugly, though), and the text-decoration-color property is supported as well.

By: Martijn

Martijn — Thu, 01 May 2014 08:25:43 +0000

Same story for Opera, IE, Safari, Android, iOS, Dolphin, UC Browser, BlackBerry, WP8. Basically all browsers except (desktop?) Firefox don’t support text-decoration-style.

By: Martijn

Martijn — Thu, 01 May 2014 08:23:46 +0000

Turns out in Chrome (26+, iirc) you need to enable an experimental features flag. Users aren’t going to do that even if you ask nicely. So Chrome, for most intents and purposes, does NOT support this feature yet.

It’s technically in the codebase, and Chrome can technically support it, but virtually noone is going to see it working.

By: Rio Brewster

Rio Brewster — Wed, 30 Apr 2014 19:47:17 +0000

I’m confused. The article says this is only supported in FF, but then in the table below it says that it “works” across all major browsers. Are you giving me false hope here?

My experience is that text-decoration-style and text-decoration-color only work in FF and only with the -moz prefix.

I would love to be able to use this, because using border-bottom can be quirky – and I can’t believe this wasn’t addressed in CSS2 much less CSS3.

By: Martijn

Martijn — Fri, 25 Apr 2014 12:05:02 +0000

-webkit-text-decoration-style: dotted;

Doesn't even work in Canary 36. The -moz- equivalent does work in Firefox. How to apply this property in Chrome then?

By: My Apartment Need Furniture

My Apartment Need Furniture — Tue, 25 Mar 2014 05:02:46 +0000

how to change the style of the underline?
i mean change the underline color, size, etc.
thanks..

By: robby mahdi

robby mahdi — Fri, 13 Dec 2013 09:33:56 +0000

please tell me how to Disable right click to several text only