CSS TextDecoration
Visually Explained📝
Thread 🧵
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
1. text-decoration-line👇
This property is used to add a decoration line to the text.
1. text-decoration-line
2. text-decoration-color
3. text-decoration-style
4. text-decoration-thickness
5. text-decoration
1. text-decoration-line👇
This property is used to add a decoration line to the text.
Example -
2. text-decoration-color👇
The `text-decoration-color` property is used to set the color of the decoration line.
The `text-decoration-color` property is used to set the color of the decoration line.
3. text-decoration-style👇
The `text-decoration-style` property is used to set the style of the decoration line.
The `text-decoration-style` property is used to set the style of the decoration line.
Example
4. text-decoration-thickness👇
The `text-decoration-thickness` property is used to set the thickness of the decoration line.
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)
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!)👇codemarch.gumroad.com
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!)👇codemarch.gumroad.com
جاري تحميل الاقتراحات...