CSS in Hindi – Property and Values, What is property and values in css Hindi learn by myhindiexam

CSS in Hindi – Property and Values, What is property and values in css Hindi learn by myhindiexam


CSS in Hindi – Property and Values
  • CSS property and values in Hindi
  • What are properties and values in CSS Hindi?
  • How to use property and values in css Hindi

Introduction to Property and Values

Css मे जब भी कोई property use करते है | तो उसके साथ उसकी value भी दी जाती है | और css मे हर property की value अलग अलग हो सकती है |

उदाहरण के लिए color property के साथ color का नाम दिया जाता है | और width and height के साथ numeric value दिये जाते है |

Css मे कई प्रकार के value है | इन्हें मुख्य रूप से चार भागो मे divide किया गया है | अब निचे दिये गये block को देखे |

  1. Color type value
  2. Percentage type value
  3. Numeric type Value
  4. Function type value

Color type Value

Css मे color को मुख्य रूप से तिन भागो मे divide किया गया है | अब यहाँ पर color का value एक नाम भी हो सकता है | और numeric भी हो सकता है |

  1. Color Name – यहाँ पर color का value define करने के लिए color का नाम दे सकते है।
  2. Hex Value – किसी color की hex value को आप use कर सकते है। और इसे color code भी कहा जाता है |
  3. RGB – RGB का full form होता है | Red, Green और Blue | यहाँ पर value numeric मे पास कर सकते है |
<html>
<head>
<style type="text/css">
h1 { color:#167338; }
h2 { color:rgb(34,56,25); }
h3 { color: red; }
</style>
</head>
<body>
<h1>Easy Hindi Tutorials</h1>
<h2>Easy Hindi Tutorials</h2>
<h3>Easy Hindi Tutorials</h3>
</body>
</html>

css color के बारे मे और अधिक बिस्तार से जानना चाहते है | तो css color का article open करे वहा पर मै full details के साथ बताया हु |

Percentage type Value

css मे जिस property का value numeric मे define करते है | उनमे से जादातर property का value percentage मे भी define कर सकते है | percentage का जादातर use width and height के लिए किया जाता है | अब निचे example दिया जा रहा है |

<html>
<head>
<style type="text/css">
div { width: 50%; }
</style>
</head>
<body>
<div>Easy Hindi Tutorials</div>
</body>
</html>

Numerical Value

css मे ऐसी बहुत सी property available है | जिनका value numeric मे दिया जाता है | यानी संख्या मे दिया जाता है | निचे कुछ property दिया जा रहा है |

  • width 
  • height
  • margin
  • padding

इन सभी properties के साथ use की जाने वाली values को निचे दिया जा रहा है |

  • px – इस type के value को pixel कहा जाता है |
  • cm – इस type के value को centi meter value कहा जाता है
  • em – इस type के value को relation में define किया जाता है। यानी किसी font का size अगर 2em define करते है तो वह current font size का दुगना size मे convert हो जाता है |
  • mm – इस value को millimeter के रूप में जाना जाता है। 
  • pt – इस type के value को points में define करने के लिए किया जाता है।
<html>
<head>
<style type="text/css">
p { font-size: 40pt; }
h4 { font-size: 30px; }
</style>
</head>
<body>
<p>Easy Hindi Tutorials</p>
<h4>Easy Hindi Tutorials</h4>
</body>
</html>

CSS Function Value

CSS में कई properties है | जिनकी values हमेसा function के रूप में define की जाती है। निचे example दिया जा रहा है |

<html>
<head>
<style type="text/css">
body { background: url('background.jpg'); }
</style>
</head>
<body>
</body>
</html>
Sushil Kumar

i am Sushil founder of this blog .YtTechSushil.in is a website to provide tips related to Blogging, SEO, Social Media, Business Idea, Marketing Tips, Make Money Online, Education, Interesting Facts, Top 10, Life Hacks, Marketing, Review, Health, Insurance, Loan and Internet-related Tips. यदि आप भी अपना Content इस Blog के माध्यम से publish करना चाहते हो तो कर सकते हो. इसके लिए Join Myhindiexam Page Open करें. आप अपना Experience हमारे साथ Share कर सकते हो. धन्यवाद ! facebook twitter youtube instagram Dm me Whatsapp

Post a Comment

Hello Friends Agar aapko mera yah post pasand aaya hai to ise shere kariye.

Previous Post Next Post