Download
Buy Prince
Samples
User Guide
Forum
Log in
/
Register
Forum
›
Bugs
Linear gradients with currentColor
pepelsbey
18 Nov 2015
There’s a trick for underlining links using linear gradients and currentColor:
color:red; background: linear-gradient( to top, currentColor 0.09em, transparent 0.09em) repeat-x;
And this supposed to work this way (screen shot from Blink)
But Prince prints it like this:
See the full example attached.
blink.png
17.4 kB
Result in Blink
index.html
0.3 kB
prince.png
18.3 kB
Result in Prince
pepelsbey
18 Nov 2015
Suddenly it’s a duplicate of the
bug report
I filed more than a year ago. Sorry.
mikeday
18 Nov 2015
Ingenious hack, but why not just use text-underline-style?
pepelsbey
18 Nov 2015
@mikeday, because it’s
Firefox/Safari
only thing so far
Screen Shot 2015-11-18 at 15.23.32.png
128.2 kB
mikeday
18 Nov 2015
Oh I see. At least you can use it in Prince!
maddesigns
17 Nov 2017
is there `text-underline-position` like
https://css-tricks.com/almanac/properties/t/text-underline-position/
?
mikeday
17 Nov 2017
No, you would have to use border-bottom if you want a lower underline.