In the last Article, we learned about outlines in CSS and how they are different from borders. Now I hope that you are comfortable with box model in CSS and can easily use it on web pages.
Now focusing on various elements of CSS, in today's article we are seeing the text in CSS and how to customise or format it.
Let's begin...
Now focusing on various elements of CSS, in today's article we are seeing the text in CSS and how to customise or format it.
Let's begin...
Text Color
The color property is used to set the Color of text. Color can be specified using all the formats seen in previous articles like the color name, HEX or RGB value.Text Alignment
The text-align property is used to set horizontal alignment of a text with possible values as left, right, center or justify.Text Decoration
The text-decoration property is used to add or remove decorations to text. By default value of text-decoration is set to none. Following values can be used for text-decoration:- overline: Line is drawn above text
- line-through: Line is drawn through text
- underline: Text is underlined
Text Transformation
The text-transform property is used to specify uppercase and lowercase letters in a text. Following values can be used:
- uppercase: Makes all characters uppercase
- lowercase: Makes all the characters lowercase
- capitalize: Makes first letter of each word uppercase
That's all for today. We will continue remaining text properties in next article.
Till then #keepCoding.
