Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS कर्सर संपत्ति का उदाहरण


CSS कर्सर प्रॉपर्टी के साथ, आप क्रॉसहेयर या प्लस साइन, पॉइंटर आदि दिखा सकते हैं। आप CSS में कर्सर प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<html>
   <head>
   </head>
   <body>
      <div style = "cursor:auto">Auto</div>
      <div style = "cursor:crosshair">Crosshair</div>
      <div style = "cursor:default">Default</div>
      <div style = "cursor:pointer">Pointer</div>
      <div style = "cursor:move">Move</div>
      <div style = "cursor:e-resize">e-resize</div>
      <div style = "cursor:ne-resize">ne-resize</div>
      <div style = "cursor:nw-resize">nw-resize</div>
      <div style = "cursor:n-resize">n-resize</div>
      <div style = "cursor:se-resize">se-resize</div>
      <div style = "cursor:sw-resize">sw-resize</div>
      <div style = "cursor:s-resize">s-resize</div>
      <div style = "cursor:w-resize">w-resize</div>
      <div style = "cursor:text">text</div>
      <div style = "cursor:wait">wait</div>
      <div style = "cursor:help">help</div>
   </body>
</html>

हमने ऊपर नीचे दिए गए मान जोड़े -

Value
<वें शैली ="चौड़ाई:82.4561%; पाठ-संरेखण:केंद्र;">विवरण
auto कर्सर का आकार उस संदर्भ क्षेत्र पर निर्भर करता है जो समाप्त हो चुका है। उदाहरण के लिए, टेक्स्ट पर 'I', एक लिंक पर 'हैंड', इत्यादि।
क्रॉसहेयर एक क्रॉसहेयर या प्लस साइन
डिफ़ॉल्ट एक तीर
सूचक एक इशारा करने वाला हाथ (IE 4 में यह मान हाथ है)।
स्थानांतरित करें 'I' bar
e-resize कर्सर इंगित करता है कि बॉक्स के एक किनारे को दाएं (पूर्व) ले जाया जाना है।
ne-resize कर्सर इंगित करता है कि बॉक्स के एक किनारे को ऊपर और दाएं (उत्तर/पूर्व) ले जाया जाना है।
nw-resize कर्सर इंगित करता है कि बॉक्स के एक किनारे को ऊपर और बाएं (उत्तर/पश्चिम) ले जाया जाना है।
n-resize कर्सर इंगित करता है कि बॉक्स के एक किनारे को ऊपर (उत्तर) ले जाया जाना है।
se-resize
कर्सर इंगित करता है कि बॉक्स के एक किनारे को नीचे और दाएं (दक्षिण/पूर्व) ले जाया जाना है।
sw-resize
कर्सर इंगित करता है कि एक बॉक्स के किनारे को नीचे और बाएं (दक्षिण/पश्चिम) ले जाया जाना है।
s-resize
कर्सर इंगित करता है कि बॉक्स के किनारे को नीचे (दक्षिण) ले जाया जाना है।
w-resize
कर्सर इंगित करता है कि बॉक्स के एक किनारे को बाईं (पश्चिम) ले जाया जाना है।
text
I बार।
प्रतीक्षा करें
एक घंटे का गिलास।
help
एक प्रश्न चिह्न या गुब्बारा, हेल्प बटन पर उपयोग के लिए आदर्श।

एक कर्सर छवि फ़ाइल का स्रोत।

  1. सीएसएस कैरेट-रंग संपत्ति

    कर्सर का रंग सेट करने के लिए, CSS कैरेट-रंग गुण का उपयोग करें। कैरेट-कलर प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .demo {   &

  1. सीएसएस अलगाव संपत्ति

    आइसोलेशन प्रॉपर्टी का उपयोग यह परिभाषित करने के लिए किया जाता है कि क्या किसी तत्व को एक नई स्टैकिंग सामग्री बनानी चाहिए। वाक्य रचना इस प्रकार है - सिंटैक्स isolation: auto|isolate|initial|inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> .demo1 {    background-

  1. सीएसएस फ़ॉन्ट-संस्करण संपत्ति

    CSS में फॉन्ट-वेरिएंट प्रॉपर्टी निम्नलिखित गुणों के लिए एक शॉर्टहैंड है:फॉन्ट-वेरिएंट-कैप्स, फॉन्ट-वेरिएंट-न्यूमेरिक, फॉन्ट-वेरिएंट-अल्टरनेट्स, फॉन्ट-वेरिएंट-लिगचर और फॉन्ट-वेरिएंट-ईस्ट-एशियन। इसका निम्न मान है - font-variant: normal|small-caps|initial|inherit; उदाहरण आइए अब एक उदाहरण देखते हैं, जो