Advertisement
Google Ad Slot: content-top
CSS Text
In CSS, text styling plays a crucial role in defining the appearance of content. There are several properties in CSS that allow you to control the font, alignment, spacing, decoration, and other visual aspects of text.
Text Color:
The color property sets the color of the text.
Syntax:
color : color | transparent | initial | inherit;
Text Alignment:
The text-align property aligns the text within its containing element.
Syntax:
text-align : left | right | center | justify;
This is the first paragraph.
Currently Active Property:
Font Family:
The font-family property specifies the typeface of the text. You can provide a list of fallback fonts.
Font Size:
The font-size property controls the size of the text.
Syntax:
font-size : <value>;
Value: Can be specified in various units such as pixels (px), percentages (%), ems (em), rems (rem), viewport units (vw, vh), or keywords like auto and inherit.
Font Weight:
The font-weight property sets the thickness (or boldness) of the text.
Syntax:
font-weight : normal | bold | lighter | bolder | 100-900;
See Text Color
Currently Active Property:
Font Style:
The font-styleproperty sets the thickness (or boldness) of the text.
Syntax:
font-style : normal | italic | oblique;
See Text Color
Currently Active Property:
Text Decoration:
The text-decoration property is used to set decorations like underlines, overlines, or strikethroughs.
Syntax:
text-decoration : none | underline | line-through | overline;
See Text Color
Currently Active Property:
Text Transform:
The text-transform property controls the capitalization of the text.
Syntax:
text-transform : none | uppercase | lowercase | capitalize;
See Text Color
Currently Active Property:
Line Height:
The line-height property controls the space between lines of text (leading). It’s often used to improve readability.
Syntax:
line-height : <value>;
Value: Can be specified in various units such as pixels (px), percentages (%), ems (em), rems (rem), viewport units (vw, vh), or keywords like auto and inherit.
Letter Spacing:
The letter-spacing property controls the space between individual characters.
Syntax:
letter-spacing : <value>;
Value: Can be specified in various units such as pixels (px), percentages (%), ems (em), rems (rem), viewport units (vw, vh), or keywords like auto and inherit.
Word Spacing:
The word-spacing property controls the space between words.
Syntax:
word-spacing : <value>;
Value: Can be specified in various units such as pixels (px), percentages (%), ems (em), rems (rem), viewport units (vw, vh), or keywords like auto and inherit.
Text Indentation:
The text-indent property controls the indentation of the first line of text.
Syntax:
text-indent : <value>;
Value: Can be specified in various units such as pixels (px), percentages (%), ems (em), rems (rem), viewport units (vw, vh), or keywords like auto and inherit.
White Space:
The white-space property controls how whitespace is handled, including spaces and line breaks.
Syntax:
white-space : <value>;
Value: Can be specified in various units such as pixels (px), percentages (%), ems (em), rems (rem), viewport units (vw, vh), or keywords like auto and inherit.
Text Shadow:
The text-shadow property adds shadows to the text, with options for the shadow's position, blur radius, and color.
Syntax:
text-shadow : [horizontal offset] [vertical offset] [blur radius] [color];