Text and Font Properties in CSS
CSS allows us to control not only the layout of a page's structure but also how text looks. Text and font properties in CSS are important tools for improving the readability and appearance of content on a web page.
Through these properties, you can define the font, size, color, spacing between letters and words, and much more to give your designs a unique personality.
Main Text and Font Properties
- Font-family: Defines the font family for the text. Example:
font-family: 'Arial', sans-serif;
. - Font-size: Controls the size of the text. Example:
font-size: 16px;
. - Font-weight: Adjusts the thickness of the text, such as
bold
ornormal
. Example:font-weight: bold;
. - Text-align: Aligns the text horizontally, such as
left
,center
, orright
. - Text-decoration: Applies decorations like
underline
,line-through
, etc. Example:text-decoration: underline;
. - Text-transform: Controls the capitalization of the text. Example:
text-transform: uppercase;
. - Letter-spacing: Adjusts the space between letters. Example:
letter-spacing: 2px;
. - Line-height: Controls the vertical space between lines of text. Example:
line-height: 1.5;
.
With the proper use of these properties, you can create attractive and easy-to-read text design on any device.