Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
text-decoration

6 Articles
{
,

}
Direct link to the article When to Avoid the text-decoration Shorthand Property
text-decoration

When to Avoid the text-decoration Shorthand Property

In my recent article about CSS underline bugs in Chrome, I discussed text-decoration-thickness and text-underline-offset, two relatively new and widely-supported CSS properties that give us more control over the styling of underlines.

Let me demonstrate the usefulness of …

Avatar of Šime Vidas
Šime Vidas on Feb 25, 2022
Direct link to the article The CSS from-font Value Explained in 4 Demos
fonts text-decoration

The CSS from-font Value Explained in 4 Demos

I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) …

Avatar of Silvestar Bistrović
Silvestar Bistrović on Jan 28, 2022 (Updated on Jan 31, 2022)
Direct link to the article CSS Underlines Are Too Thin and Too Low in Chrome
chrome links text-decoration

CSS Underlines Are Too Thin and Too Low in Chrome

I’ve encountered two bugs in Chrome while testing the new CSS text-decoration-thickness and text-underline-offset properties, and I want to share them with you here in this article.…

Avatar of Šime Vidas
Šime Vidas on Jan 4, 2022 (Updated on Jan 9, 2022)
Direct link to the article Link Underlines That Animate Into Block Backgrounds
links text-decoration underlines

Link Underlines That Animate Into Block Backgrounds

It’s a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up turning into almost what it would have looked liked if you …

Avatar of Chris Coyier
Chris Coyier on Sep 23, 2019
Direct link to the article Decorating lines of text with box-decoration-break
border box-decoration-break text-decoration

Decorating lines of text with box-decoration-break

An institution’s motto, an artist’s intro, a company’s tagline, a community’s principle, a service’s greeting… all of them have one thing in common: they’re one brief paragraph displayed on a website’s home page — or at least the about page!…

Avatar of Preethi
Preethi on May 8, 2018 (Updated on May 9, 2018)
Direct link to the article Styling Underlines on the Web
text-decoration underlines

Styling Underlines on the Web

Styling the underlines that sit beneath links can be a tricky business, and I constantly forget what’s the best approach depending on the situation. Thankfully however, John Jameson gets us up to speed in this guest post.…

Avatar of John D. Jameson
John D. Jameson on Oct 10, 2016 (Updated on Jul 6, 2018)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top