Text in CSS ka use web pages par text ko style aur format karne ke liye hota hai. Isme color, alignment, spacing, decoration aur effects sab control kiye ja sakte hain.
CSS Text Color
color property text ka color set karti hai.
Color define karne ke tarike:
- color name (red, blue)
- HEX (#ff0000)
- RGB (rgb(255,0,0))
Default text color usually body me define hota hai.
Example:
Text Color + Background Color
Text aur background dono set karke readability improve kar sakte ho.
Example:
Important: Text aur background ka contrast strong hona chahiye taki easily read ho sake.
Text in CSS Alignment
text-align text ko horizontal direction me align karta hai.
Values:
- left
- right
- center
- justify
Example:
Text Align Last
text-align-last last line ka alignment control karta hai.
Example:
Vertical Alignment
vertical-align inline elements ka vertical position set karta hai.
Example:
Text Direction
direction aur unicode-bidi text ka direction control karte hain.
Example:
CSS Text Decoration
Text ke upar lines add ya remove karne ke liye use hota hai.
Includes:
- text-decoration-line
- text-decoration-color
- text-decoration-style
- text-decoration-thickness
Decoration Line
Values:
- none
- underline
- overline
- line-through
Example:
Decoration Color
Example:
Decoration Style
Values:
- solid
- double
- dotted
- dashed
- wavy
Example:
Example:
Shorthand
Example:
Links Tip
Underline remove karne ke liye:
CSS Text Transform
Text ka case change karta hai.
Values:
- uppercase
- lowercase
- capitalize
Example:
CSS Text Spacing
Text spacing control karne ke liye multiple properties hoti hain.
Text Indent
First line ka space set karta hai.
Characters ke beech gap control karta hai.
Lines ke beech distance control karta hai.
Word Spacing
Words ke beech gap control karta hai.
White Space
Text wrapping control karta hai.
Values:
- normal
- nowrap
- pre
- pre-line
- pre-wrap
CSS Text Shadow
text-shadow text me shadow effect add karta hai.
Basic Shadow
Shadow with Color
Shadow with Blur
White Text Shadow
Neon Effect
Multiple Shadows
Text in CSS se tum text ka color, alignment, spacing, decoration aur effects sab easily control kar sakte ho. Ye web design ko clean, readable aur visually attractive banata hai.
