Text decoration in CSS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the CSS property text-decoration do?

It adds visual effects like underline, overline, or line-through to text.

beginner

Name three common values for text-decoration.

underline, overline, line-through

beginner

How do you remove all text decoration from a link?

Use text-decoration: none; to remove underline or other decorations.

intermediate

What is the difference between text-decoration-line and text-decoration?

text-decoration-line sets the type of line (underline, overline, etc.), while text-decoration is a shorthand that can set line, style, and color.

intermediate

How can you change the color of an underline using CSS?

Use text-decoration-color to set the underline color separately from the text color.

Which CSS property removes the underline from a link?

A text-decoration: underline;

B text-decoration: none;

C text-decoration-color: transparent;

D text-decoration-style: none;

Setting text-decoration: none; removes all text decorations including underlines.

What value of text-decoration-line adds a line above the text?

A overline

B underline

C line-through

D none

overline draws a line above the text.

Which property controls the style of the text decoration line (like dashed or dotted)?

A text-decoration-thickness

B text-decoration-color

C text-decoration-line

D text-decoration-style

text-decoration-style sets the style of the line such as solid, dashed, or dotted.

How do you make a line-through effect on text?

A text-decoration-line: line-through;

B text-decoration-line: underline;

C text-decoration: none;

D text-decoration-style: line-through;

Use text-decoration-line: line-through; to add a line through the text.

Which shorthand property can set line, style, and color of text decoration?

A text-decoration-style

B text-decoration-line

C text-decoration

D text-decoration-color

text-decoration is the shorthand property for line, style, and color.

Explain how to add and customize an underline on text using CSS.

Think about line type, color, and style properties.

Describe how to remove default link underlines and why you might want to do that.

Consider user experience and design choices.