Text

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            color: red;
            /* text-align: center; */
            /* direction: rtl; */
            /* letter-spacing: 4px; */
            /* word-spacing: 7px; */
            text-indent: 36px;
            text-decoration: underline;
            text-decoration-style: double;
            text-transform: uppercase;
            white-space: pre;
        }
        h1{
            text-shadow: 12px 4px 4px red;
        }
    </style>
</head>
<body>

<h1>Computer</h1>

<p>

    This chapter teaches you how to manipulate text using CSS properties. You can
set the following text properties of an element:
The color property is used to set the color of a text.
The direction property is used to set the text direction.
The letter-spacing property is used to add or subtract space between the
letters that make up a word.
The word-spacing property is used to add or subtract space between the
words of a sentence.
The text-indent property is used to indent the text of a paragraph.
The text-align property is used to align the text of a document.
The text-decoration property is used to underline, overline, and
strikethrough text.
</p>


<pre>

    This chapter teaches you how to manipulate text using CSS properties. You can
    set the following text properties of an element:
    The color property is used to set the color of a text.
    The direction property is used to set the text direction.
    The letter-spacing property is used to add or subtract space between the
    letters that make up a word.
    The word-spacing property is used to add or subtract space between the
    words of a sentence.
    The text-indent property is used to indent the text of a paragraph.
    The text-align property is used to align the text of a document.
    The text-decoration property is used to underline, overline, and
    strikethrough text.
</pre>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

pesudo element

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . box { height : 200 px ; width : 200 px ; background : #22bf60 ; } . box : hover { height : 250 px ; width : 250 px ; background : red ; } . p : first-line { color : red ; } . p : before { content : "*" ; color : green ; font-size : x-large ; } . p : after { content : '*' ; color : green ; font-size : x-large ; } . p : first-letter { color : #042a84 ; font-size : x-large ; } </style> </head> <body> <div class ="box" > </div> <p class ="p" > CSS pseudo-elements a...
Read more

sticky

  <!DOCTYPE html > <html lang ="en" > <head> <meta charset ="UTF-8" > <title> Title </title> <style> . menu { background : #22bf60 ; height : 50 px ; font-size : large ; position : sticky ; top : 0 px ; } p { width : 20 % ; } </style> </head> <body> <p> CSS gives you an opportunity to create layers of various divisions. The CSS layers refer to applying the z-index property to elements that overlap with each other.M <br> The z-index property is used along with the position property to create an effect of layers. You can specify which element should come on top and which element should come at bottom. <br> A z-index property can help you to create more complex webpage layouts. The following example shows how to create layers in CSS. <b...
Read more