=>CSS Text:
- Text property control the layout or display of lines and words on a web page and within text element.
- These properties include the familiar values for spacing and aligning text within an area , as well as values for controlling text capitalization and effect.
1)Text Color:
- The color property is used to set the color of the text.
2)Text Alignment:
- The text-align property is used to set the horizontal alignment of a text.
- A text can be left or right aligned, centered, or justified.
- left alignment is default if text direction is left-to-right, and right alignment is default if text direction is right-to-left.
- When the text-align property is set to "justify", each line is stretched so that every line has equal width, and the left and right margins are straight (like in magazines and newspapers):
- Value of Text-align is left , right , center , justify.
3)Text Decoration:
- The text-decoration property is used to set or remove decorations from text.
- The value text-decoration: none; is often used to remove underlines from links:
- Value of text-decoration is none , underline , overline , linethrough , and blink.
4)Text Transformation:
- The text-transform property is used to specify uppercase and lowercase letters in a text.
- It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word:
- Value of text-transform is capitalize , uppercase , lowercase , none.
5) Letter Spacing:
- The letter-spacing property is used to specify the space between the characters in a text.
6)Word Spacing:
- The word-spacing property is used to specify the space between the words in a text.
Example:
<html>
<head>
<style type=”text/css”>
H1
{ Text-align:center;
}
P
{ Text-transform:uppercase;
}
</style>
</head>
<body>
<h1> css </h1>
<p> cascading style sheet </p>
</body>
</html>
0 Comments