CSS Text in Hindi – Text Property In CSS In Hindi – Text Properties Se Ham Text Ko Design, Font, Shape, Decoration Change Kar Sakte Hai |
Yadi Aapne HTML Full Course And CSS Full Course And Python Full Course And PHP Full Course Nhi Read Kiya Hai To Aap Vah Bhi Read Kar Sakte Hai |
Text Property In CSS In Hindi
Contents
Text Ko Style Karke Liye Bahut Sari Text Properties Css Me Available Hai, Aap Text Color, Decoration, Word Space Etc Style Kar Sakte Hai |
Text, Design Karna Isliye Bhi Important Hai Kyoki Iske Jariye Aap Direct Logo Se Connect Ho Sakte Ho |
Text Color In CSS In Hindi
CSS Text Color Ka Istemal Karke Ham Aapni Text Ka Look ya Text Design Accha Kar Sakte Hai | Website Mai CSS Color Code Ka Istemal Hona Bahut Jaruri Hai Kyoki Isse Text Dekhne Mai Beautiful or Attractive Lagta Hai.
Waise Hamne Css Color Ki Alag Post Likhi Hai Aap Chahe To Full Details Me CSS Color Ko Read Kar Sakte Hai –
Also Read – Css Color In Hindi
Text Color Declare Karne Ke Bahut Se Tarike Hai CSS Mai. Lekin Sabhi Tarike Sabhi Browsers Support Nhi Karte Hai Isliye Ham Yaha 3 types of add CSS color Property ke Bare Mai Bata Rahe Hai |
3 Types Of Add CSS Property
- Hex Value
- RGB Value
- Color Name
1. Hex Value
Hex Ka Matlab Hota Hai Hexadecimal. HexaDecimal Code 6 number ka code Hota hai. Jisme Red, Green, Blue color ki Hex Value Hoti Hai | HEX Value Mai Pahle 2 Number Red Ke Liye Or Bich Ke 2 Number Green Or Last Ke 2 Number Blue Ke Represent Karne ke Liye Hote Hai |
Example:
<style>
p {
color: #000000;
}
</style>
<p>This Is Hex Value Color</p>2. RGB Value
RGB 3 Words se Bana Hai. Jisme R Ka Matlab Red, G Ka Matlab Green Or B ka Matlab Blue Hota Hai | RGB Duvara 0 se 255 ke Bich Mai Kisi Color Ki Intensity Show Ki Jati Hai. Aap Jitni Jyada Value Kisi Color Ki Declare Karenge Vah Color Utna Hi Jayada Dikhai Dega |
Example:
<style>
p {
color: rgb(255,0,0);
}
</style>
<p>This Is RGB Value Color</p>3. Color Value
Aap Color Value Ko Color Name Se Bhi Declare Kar Sakte Hai |
Example:
<style>
p {
color: red;
}
</style>
<p>This Is RGB Value Color</p>CSS Text Alignment in Hindi
CSS Text Alignment Ke Jariye Se Text Ko Ham Alignment Kar Sakte Hai, jaise Left And Right & Center Me, Isko Ham Example Ke Sath Dekhte Hai |
Example:
<html>
<head>
<style>
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
</style>
</head>
<body>
<h1> This is Center Text </h1>
<h2> This is Left Text </h2>
<h3> This is Right Text </h3>
</body>
</html>Output:
Aap justify Karke Sabhi Ko Ek Width And Left And Right Margin De Sakte Hai |
Example :
<html>
<head>
<style>
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
div {
text-align: justify;
}
</style>
</head>
<body>
<div>
<h1> This is Center Text </h1>
<h2> This is Left Text </h2>
<h3> This is Right Text </h3>
</div>
</body>
</html>Output:
Aap Text Ki Direction Bhi Change Kar Skate Hai, Iska Example Niche Diya Gaya Hai |
Example:
<html>
<head>
<style>
h3 {
direction: rtl;
unicode-bidi: bidi-override;
}
</style>
</head>
<body>
<h2> This is Left Text </h2>
<h3> This is Right To Left Text </h3>
</body>
</html>Output:
Agar Aap Chahte Ki vertical-align property Bhi Set Karna To Aap Is Tarah Se Kar Sakte Hai |
Example:
img.top {
vertical-align: top;
}
img.middle {
vertical-align: middle;
}
img.bottom {
vertical-align: bottom;
}CSS Text Decoration In Hindi
Text Decoration Property Ke Duwara Ham Text Me Underline Ya Fir Overline Ya Fir None Bhi De Sakte Hai, Ise Ham Example Ke Sath Undersatnd Karte Hai |
Example:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
a{
text-decoration:none;
}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<p>A link with no underline:
<a href="https://www.masterprograming.com">MasterPrograming.com</a></p>
</body>
</html>
Output:
CSS Text Transformation in Hindi
CSS Text Transformation Ki help Se Text Ko Transform Kar Sakte Hai, Matlab Aap lowercase ko uppercase and uppercase ko lowercase me convert kar sakte Ho.
Example:
<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<p class="uppercase">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>
</body>
</html>
Output:
CSS Text Spacing in Hindi
Css Text Spacing Ka Istemal karke Aap Text Ya word Ya Fir Line Me Space De Sakte Hai |
Example:
<html>
<head>
<style>
p {
text-indent: 50px;
}
h1 {
letter-spacing: 3px;
}
</style>
</head>
<body>
<h1> MasterPrograming.com Headline </h1>
<p> Master programming is a website that enables people that aren't
well versed in english
to learn programming languages like Python, C, C++, JAVA, CSS, HTML,
JavaScript, PHP in HINDI.
Masterprograming.com provides all the Programming Language
education for ABSOLUTELY FREE OF COST.</p>
</body>
</html>
text-indent: Ka Istemal First Line Me Space Dene Ke Liye Kiya Jata Hai, And letter-spacing: Ka Istemal Letter ke Bich Space Dene Ke Liye Kiya Jata Hai, Iska Output Niche Diya Gaya Hai |
Output:
Waise Aap Line Height And Width, Word Spacing, White Space Bhi De Sakte Hai, Aap Inka Niche Example Dekh Sakte Hai |
Example:
p {
line-height: 0.8;
}
p {
line-height: 1.8;
}
h1 {
word-spacing: 10px;
}
h2 {
word-spacing: -5px;
}
p {
white-space: nowrap;
}CSS Text Shadow in Hindi
Aap Text Shadow Bhi De Sakte Hai, Iska Example Dekhte Hai Or Different Types Ke Shadow Ko Create Karte Hai |
Text Shadow Dene Ke Liye Aapko text-shadow Ka Istemal kiya Jata Hai, And ye 4 Parameters leta hai, Like – Horizontal, Vertical, Blue Effect, Color |
Example:
<html>
<head>
<style>
h1 {
text-shadow: 2px 2px;
}
h2 {
text-shadow: 2px 2px red;
}
h3 {
text-shadow: 2px 2px 5px red;
}
</style>
</head>
<body>
<h1> MasterPrograming.com</h1>
<h2> MasterPrograming.com</h2>
<h3> MasterPrograming.com</h3>
</body>
</html>Output:
