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
🖋️ Text Decoration
Shows how to apply underline, overline, line-through, and remove decorations.
Code Example
PREVIEW READY
🔠 Text Transform
Demonstrates capitalize, uppercase, lowercase, and none.
Code Example
PREVIEW READY
↔️ Text Direction
Illustrates left-to-right and right-to-left directions.
Code Example
PREVIEW READY
🔢 Text Indent
Adds indentation to the first line of a paragraph.
Code Example
PREVIEW READY
🔤 Letter & Word Spacing
Controls spacing between characters and words.
Code Example
PREVIEW READY
📏 Line Height
Adjusts the spacing between lines of text.
Code Example
PREVIEW READY
📦 Text Overflow
Explains how to clip or add ellipsis when text overflows.
Code Example
PREVIEW READY
🌫️ Text Shadow
Applies shadow effects to text.
Code Example
PREVIEW READY
📄 White-space
Demonstrates how white-space is handled in text.
Code Example
PREVIEW READY
🧠 Test Your Knowledge
5 QuestionsProgress: 0 / 5
Keep Going!CSS - Fonts