CSS TUTORIALS - CSS - Text
CSS - Text
ADVERTISEMENTS
<p style="color:red;">
This text will be written in red.
</p>
|
ADVERTISEMENTS
This text will be written in red.
|
ADVERTISEMENTS
<p style="direction:rtl;">
This text will be renedered from right to left
</p>
|
This text will be renedered from right to left
|
<p style="letter-spacing:5px;">
This text is having space between letters.
</p>
|
This text is having space between letters.
|
<p style="word-spacing:5px;">
This text is having space between words.
</p>
|
This text is having space between words.
|
<p style="text-indent:1cm;">
This text will have first line indented by 1cm
and this line will remain at its actual position
this is done by CSS text-indent property.
</p>
|
This text will have first line indented by 1cm
and this line will remain at its actual position
this is done by CSS text-indent property.
|
<p style="text-align:right;">
This will be right aligned.
</p>
<p style="text-align:center;">
This will be center aligned.
</p>
<p style="text-align:left;">
This will be left aligned.
</p>
|
This will be right aligned.
This will be center aligned.
This will be left aligned.
|
<p style="text-decoration:underline;">
This will be underlined
</p>
<p style="text-decoration:line-through;">
This will be striked through.
</p>
<p style="text-decoration:overline;">
This will have a over line.
</p>
<p style="text-decoration:blink;">
This text will have blinking effect
</p>
|
This will be underlined
This will be striked through.
This will have a over line.
This text will have blinking effect
|
<p style="text-transform:capitalize;">
This will be capitalized
</p>
<p style="text-transform:uppercase;">
This will be in uppercase
</p>
<p style="text-transform:lowercase;">
This will be in lowercase
</p>
|
This will be capitalized
This will be in uppercase
This will be in lowercase
|
<p style="white-space:pre;">This text has a line break
and the white-space pre setting tells the browser to honor it
just like the HTML pre tag.</p>
|
This text has a line break
and the white-space pre setting tells the browser to honor it
just like the HTML pre tag.
|
<p style="text-shadow:4px 4px 8px blue;">
If your browser supports the CSS text-shadow property,
this text will have a blue shadow.</p>
|
If your browser supports the CSS text-shadow property,
this text will have a blue shadow.
|