Nearby lessons

11 of 19

✍️ CSS Text Properties

📌 What are CSS Text Properties?

CSS Text Properties allow you to control the appearance and behavior of text in HTML elements. These properties influence alignment, spacing, transformation, decoration, and more.

They are essential for building readable, accessible, and well-designed web interfaces.

📍 Text Align

Demonstrates all values of the text-align property.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

🖋️ Text Decoration

Shows how to apply underline, overline, line-through, and remove decorations.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

🔠 Text Transform

Demonstrates capitalize, uppercase, lowercase, and none.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

↔️ Text Direction

Illustrates left-to-right and right-to-left directions.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

🔢 Text Indent

Adds indentation to the first line of a paragraph.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

🔤 Letter & Word Spacing

Controls spacing between characters and words.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

📏 Line Height

Adjusts the spacing between lines of text.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

📦 Text Overflow

Explains how to clip or add ellipsis when text overflows.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

🌫️ Text Shadow

Applies shadow effects to text.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

📄 White-space

Demonstrates how white-space is handled in text.
Code Example
PREVIEW READY
Loading Editor...
Live Preview

🧠 Test Your Knowledge

5 Questions

Progress: 0 / 5
Keep Going!CSS - Fonts