Comments on: text-decoration https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Mon, 02 Aug 2021 17:54:53 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Vikas https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1682536 Thu, 28 Mar 2019 02:14:47 +0000 http://css-tricks.com/?page_id=14108#comment-1682536 What a text decoration ;)

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

]]>
By: Mahesh Kumar Soundararajan https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1615807 Wed, 07 Feb 2018 05:59:25 +0000 http://css-tricks.com/?page_id=14108#comment-1615807 ‘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 https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1613118 Thu, 16 Nov 2017 22:01:31 +0000 http://css-tricks.com/?page_id=14108#comment-1613118 Any idea how to change the thickness of wavy underline

]]>
By: Ahmad https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1604541 Wed, 12 Oct 2016 17:49:14 +0000 http://css-tricks.com/?page_id=14108#comment-1604541 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 https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1604494 Sun, 09 Oct 2016 17:30:40 +0000 http://css-tricks.com/?page_id=14108#comment-1604494 In reply to dadanini.

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

]]>
By: dadanini https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1596970 Wed, 16 Sep 2015 12:16:52 +0000 http://css-tricks.com/?page_id=14108#comment-1596970 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.

<span style="color:red; text-decoration: underline"><span style="color: blue; text-decoration: none">Try this!</span></span>
]]>
By: Brian Pohuski https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1593037 Sat, 07 Mar 2015 17:18:00 +0000 http://css-tricks.com/?page_id=14108#comment-1593037 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;
}

My explanation on StackOverflow

]]>
By: Deepak Sudera https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1587103 Fri, 28 Nov 2014 06:28:36 +0000 http://css-tricks.com/?page_id=14108#comment-1587103 Chrome don’t support text-decoration-style.,,… but Firefox support.. Please help me for Chrome Browser…

]]>
By: Chris Krycho https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1583596 Thu, 10 Jul 2014 00:10:05 +0000 http://css-tricks.com/?page_id=14108#comment-1583596 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 https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1580597 Thu, 01 May 2014 08:25:43 +0000 http://css-tricks.com/?page_id=14108#comment-1580597 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 https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1580596 Thu, 01 May 2014 08:23:46 +0000 http://css-tricks.com/?page_id=14108#comment-1580596 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 https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1580574 Wed, 30 Apr 2014 19:47:17 +0000 http://css-tricks.com/?page_id=14108#comment-1580574 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 https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1580347 Fri, 25 Apr 2014 12:05:02 +0000 http://css-tricks.com/?page_id=14108#comment-1580347 -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 https://css-tricks.com/almanac/properties/t/text-decoration/#comment-1435961 Tue, 25 Mar 2014 05:02:46 +0000 http://css-tricks.com/?page_id=14108#comment-1435961 how to change the style of the underline?
i mean change the underline color, size, etc.
thanks..

]]>
By: robby mahdi https://css-tricks.com/almanac/properties/t/text-decoration/#comment-823168 Fri, 13 Dec 2013 09:33:56 +0000 http://css-tricks.com/?page_id=14108#comment-823168 please tell me how to Disable right click to several text only

]]>