CSS in Hindi – Introduction to Anchor Properties

  • Introduction to CSS link properties in Hindi
  • Anchor property in Hindi
  • CSS anchor property in Hindi

Anchor Properties

internet एक जाल है और इन्टरनेट को link के through ही बनाया गया है यानी बिना link के हम किसी दुसरे page पर redirect नही हो सकते है | css के द्वारा हम link को design कर सकते है |

हमे link को design करने के लिए css की कुछ property use करनी होती है और हर property का effect अलग अलग होता है anchor tag की css property निचे दी जा रही है |

  • a : link
  • a : visited
  • a : hover
  • a : active

a : link Property

a : link property के द्वारा link का clickable color change करते है | यानी जब आप a : link property को apply करते है तो आपकी property तभी work करती है जब आप उस link पर click करते है और जबतक आप link पर click नही करेंगे तबतक a : link property हमे दिखाई नही देती है | निचे दिये गये example को देखे |

<html>
<head>
<style type="text/css">
       a:link { color: red; }
</style>
</head>
<body>
<a href="">Click Here</a>
</body>
</html>

a : visited Property

जब हम a : visited property का use करते है तो हमारे link पर click होने के बाद a : visited property apply होती है | यानी जब tab हम link पर click नही करते है तब तक a : visited property apply नही होती है और हा एक बार link पर click हो गया तो a : visited property का color apply हो जाता है और tab तक apply रहता है जब तक की browser को बंद करके वापस open न किया जाए | अब निचे दिये गये code को देखे |

<html>
<head>
<style type="text/css">
       a:visited { color: green; }
</style>
</head>
<body>
<a href="">Click Here</a>
</body>
</html>

a : hover Property

जब आप a : hover property का use करते है तो आपकी property तभी work करती है जब तक की हम mouse pointer को link के ऊपर लेकर ना जाये और हा आप जैसे ही mouse pointer को हटायेंगे तो a : hover की property work नही करेगी |

अगर हम simple language मे कहे तो a : hover property के द्वारा वह color apply किया जाता है | जो mouse pointer link पर ले जाने के बाद change हो | वही color a : hover property मे apply किया जाता है अब निचे दिये गये code को देखे |

<html>
<head>
<style type="text/css">
       a:hover { color: green; }
</style>
</head>
<body>
<a href="">Click Here</a>
</body>
</html>

a : active Property

a : active property भी a : link property की तरह work करता है यानी जब आप link पर click करेंगे तभी a : active property का effect पड़ेगा | अब निचे दिया गया code देखे |

<html>
<head>
<style type="text/css">
       a:active { color: green; }
</style>
</head>
<body>
<a href="">Click Here</a>
</body>
</html>

Removing underline Property

जब आप anchor tag का use करते है तो आपके link के निचे एक underline create हो जाती है जो anchor tag की by default property होती है |

अगर आप उस underline को remove करना चाहते है तो text-decoration property का use करना पड़ता है और text-decoration property का सिर्फ दो ही value होता है पहला value none होता है और दूसरा value underline होता है |

<html>
<head>
<style type="text/css">
       a { color: green; text-decoration: none;}
</style>
</head>
<body>
<a href="">Click Here</a>
</body>
</html>
CSS Table Properties CSS List Properties
Previous Next