Scribd
Upload
5 views11 pages

CSS Text Properties

This document serves as a quick guide to CSS text properties, detailing various attributes such as color, font properties, text alignment, decoration, transformation, spacing, indentation, overflow, shadow, vertical alignment, and writing modes. Each property is briefly defined, providing essential information for styling text in web design. It covers both basic and advanced text styling techniques.

Uploaded by

detailalex35
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
5 views11 pages

CSS Text Properties

This document serves as a quick guide to CSS text properties, detailing various attributes such as color, font properties, text alignment, decoration, transformation, spacing, indentation, overflow, shadow, vertical alignment, and writing modes. Each property is briefly defined, providing essential information for styling text in web design. It covers both basic and advanced text styling techniques.

Uploaded by

detailalex35
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

CSS Text Properties

A Quick Classroom Guide


1. Color & Background-color

• `color` → text color


• `background-color` → background of the text element
2. Font Properties

• `font-family` → typeface (Arial, sans-serif)


• `font-size` → size of text (px, em, rem)
• `font-weight` → normal, bold, 100–900
• `font-style` → italic, oblique, normal
• `font-variant` → small-caps
3. Text Alignment & Direction

• `text-align` → left, right, center, justify


• `text-align-last` → last line alignment
• `direction` → ltr, rtl
• `unicode-bidi` → complex rendering
4. Text Decoration

• `text-decoration-line` → underline, overline, line-through


• `text-decoration-style` → solid, dotted, dashed, wavy
• `text-decoration-color` → color of line
• `text-decoration` (shorthand)
5. Text Transform

• `text-transform` → uppercase, lowercase, capitalize, none


6. Text Spacing

• `letter-spacing` → space between letters


• `word-spacing` → space between words
• `line-height` → space between lines
7. Text Indent & Overflow

• `text-indent` → indentation of first line


• `text-overflow` → clip, ellipsis
8. Text Shadow

• `text-shadow` → add shadow effect to text


9. Vertical Alignment

• `vertical-align` → baseline, top, middle, bottom


10. Writing Modes

• `writing-mode` → horizontal-tb, vertical-rl, vertical-lr

You might also like