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

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

सेट-टॉप टूलटिप के लिए, नीचे . का उपयोग करें सीएसएस संपत्ति।

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

उदाहरण

   
माउस कर्सर को मेरे ऊपर रखें  My Tooltip text
  1. CSS के साथ टूलटिप के दाईं ओर तीर

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

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

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

  1. एनिमेशन के साथ CSS शीर्ष संपत्ति

    ऐनिमेशन को शीर्ष पर लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             position: abs