Text Style Part-2 Hindi:-

दोस्तों आज के पाठ में आप Text Transformation, Text Indentation , Text Direction और Text Shadow के बारे में विस्तार से पढ़ेंगे |

 

03.Text Transformation:- text-transform का उपयोग किसी Small Letter या lowercase letters की Text जैसे की ( a , b , c , d , e , …x, y , z ) को Capital Letter या uppercase letters जैसे की ( A , B , C , D, … X, Y , Z ) में बदलने के लिए किया जाता है । या ठीक इसके उलटे uppercase letters को lowercase letters में बदलने के लिए किया जाता है । इसके अलाबा आप text-transform के मदद से किसी वाक्य में जितने भी शब्द है उनके पहले अक्षर को Small से Capital में बदलने के लिए भी किया जाता है मतलब की आप text-transform की मदद से learn css in hindi को Learn Css In Hindi ( पहले अक्षर Capital ) में बदल सकते हैं ।

Text Transformation का Example आप नीचे देख सकते है

Example 1 :-

<html>
<head>
<style>
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}

</style>
</head>
<body>
<p class="uppercase">This is lowercase text.</p>
<p class="lowercase">THIS IS UPPERCASE TEXT.</p>
<p class="capitalize">This is some sample text.</p>
</body>
</html>

 

  1. Text Indentation :- दोस्तों Indentation का मतलब होता है अभिस्थापन या आप इसे empty space मतलब खाली स्थान भी कह सकते है | जब हम किसी paragraph को लिखना शुरू करते है तो Indentation की मदद से paragraph के first line के sentence को थोड़ा जगह छोर कर शुरू करते है | एक उदाहरण के मदद से आप Indentation को ठीक से समझ पाएंगे |

Example 2 :-

<html>
<head>
<style>
p {

    text-indent: 100px;

}
</style>
</head>
<body>
<p>This is a Example of text-indent property of CSS.The text-indent CSS property is used to specify the  empty space that is put before lines of text in a block.This is a Example of text-indent property of CSS.The text-indent CSS property is used to specify the  empty space that is put before lines of text in a block.  </p>
</body>
</html>

 

  1. Text Direction :– Text Direction का उपयोग text की direction या दिशा को बदलने के लिए किया जाता है |

Example 3 :- Example of text direction

<html>
<head>
<style>
.ex1 {
    direction: rtl;
}
</style>
</head>
<body>
<p>This is the Example default text direction.</p>
<p class="ex1"><bdo>This is the example of right-to-left text direction.</p>
</body>
</html>
  1. Text Shadow :- Text Shadow का उपयोग किसी Text के साथ छाया या shadow जैसा style जोड़ने के लिए किया जाता है |
<html>
<head>
<style>

h1 {

    text-shadow: 3px 2px red;

}

</style>
</head>
<body>
<h1>Example Of Text-shadow effect</h1>
</body>
</html>

 

दोस्तों अगर आप Internet Explorer 9 या उससे भी पुराने web browser का उपयोग कर रहें है तो हो सकता है की कई सरे CSS के गुण जिन्हे आप ने अभी सीखा है वो ठीक से आप के browser पर काम न करे | इसीलिए आप Internet से Google Chrome Or Mozilla Firefox किसी एक को Download करके उसे अपने computer पर Install करें |

Next:- Css Styling Hindi :-