codemarch's profile picture
codemarch
@codemarch
View on Twitter

CSS TextDecoration

Visually Explained📝

Thread 🧵

CSS Text Decoration

  1. text-decoration-line

  2. text-decoration-color

  3. text-decoration-style

  4. text-decoration-thickness

  5. text-decoration

  6. text-decoration-line👇

This property is used to add a decoration line to the text.

Example -

  1. text-decoration-color👇

The text-decoration-color property is used to set the color of the decoration line.

  1. text-decoration-style👇

The text-decoration-style property is used to set the style of the decoration line.

Example

  1. text-decoration-thickness👇

The text-decoration-thickness property is used to set the thickness of the decoration line.

Example

The Shorthand Property

The text-decoration property is a shorthand property for:

🔹 text-decoration-line (required) 🔹 text-decoration-color (optional) 🔹 text-decoration-style (optional) 🔹 text-decoration-thickness (optional)

If you find the thread useful

  1. Like the thread
  2. Retweet the first tweet.
  3. Follow me and enable notifications: ✅ @codemarch

For more look at our E-book (HTML & CSS Visual Treat!)👇 https://codemarch.gumroad.com/l/hxazr

Help us raise more money for charities by sharing this content ♥️
Wait! Before you go...
Grab Exclusive Deals for Books, Courses, Software.
100% of Profits Are Donated To Research-Backed Charities.