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

CSS के साथ सही टूलटिप सेट करें

<घंटा/>

दाएँ टूलटिप सेट करने के लिए, बाएँ . का उपयोग करें सीएसएस संपत्ति।

टेक्स्ट पर सही टूलटिप सेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

   
माउस कर्सर को मेरे ऊपर रखें My Tooltip text

  1. सीएसएस एनिमेशन के साथ टूलटिप में फीका

    CSS के साथ टूलटिप टेक्स्ट को फीका करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140 पीएक्स; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:-5 पीएक्स; अधिकार:110%; पाठ-संरेखण:केंद्र; सीमा-त्रिज्या:6px; पैडिंग:5px 0; स्थिति:निरपेक्

  1. CSS के साथ टूलटिप के दाईं ओर तीर

    बाईं ओर का प्रयोग करें टूलटिप के दाईं ओर एक तीर जोड़ने के लिए CSS गुण। आप दाईं ओर एक तीर के साथ टूलटिप जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140px; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:-5 पीएक्स; अधिकार:110%; पाठ-संरे

  1. CSS के साथ टूलटिप के शीर्ष पर तीर

    नीचे . का उपयोग करें टूलटिप के शीर्ष पर तीर जोड़ने के लिए CSS गुण। उदाहरण शीर्ष पर तीर के साथ टूलटिप जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140 पीएक्स; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:150%; बाएं:50%; मार्जिन-बाएं:-