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

CSS nav-up प्रॉपर्टी

CSS nav-up प्रॉपर्टी (अप्रचलित) कीबोर्ड नेविगेशन में ऊपर तीर दबाने पर फोकस किस तत्व पर जाएगा, यह निर्दिष्ट करती थी।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          button {             position: absolute;          }          button#btn1 {             top: 10%;             left: 15%;             nav-index: 1;             nav-right: #btn2;             nav-left: #btn4;             nav-down: #btn2;             nav-up: #btn4;          }          button#btn2 {             top: 30%;             left: 30%;             nav-index: 2;             nav-right: #btn3;             nav-left: #btn1;             nav-down: #btn3;             nav-up: #btn1;          }          button#btn3 {             top: 50%;             left: 15%;             nav-index: 3;             nav-right: #btn4;             nav-left: #btn2;             nav-down: #btn4;             nav-up: #btn2;          }          button#btn4 {             top: 30%;             left: 0%;             nav-index: 4;             nav-right: #btn1;             nav-left: #btn3;             nav-down: #btn1;             nav-up: #btn3;          }       </style>    </head>    <body>       <button id = "btn1">Result1</button>       <button id = "btn2">Result2</button>       <button id = "btn3">Result3</button>       <button id = "btn4">Result4</button>    </body> </html>

नोट: nav-up, nav-down, nav-left, nav-right CSS3 UI मॉड्यूल का हिस्सा थे लेकिन अब अप्रचलित हैं और आधुनिक ब्राउज़र्स में समर्थित नहीं हैं।

  1. - CSS nav-down प्रॉपर्टी

    nav-down प्रॉपर्टी का उपयोग तब किया जाता है जब आप कीपैड पर नीचे तीर बटन दबाकर नीचे जाना चाहते हैं। यह नेविगेशन क्रम को परिभाषित करने के लिए nav-index, nav-up, nav-left, nav-right के साथ काम करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> button {

  1. - CSS font-size-adjust प्रॉपर्टी

    font-size-adjust प्रॉपर्टी का उपयोग फ़ॉन्ट फॉलबैक होने पर पठनीयता बनाए रखने के लिए किया जाता है। यह पहलू मूल्य (एस्पेक्ट वैल्यू) को निर्दिष्ट करता है जो पहले पसंद के फ़ॉन्ट के लोअरकेस x की ऊंचाई के अनुपात को फ़ॉन्ट आकार के सापेक्ष दर्शाता है। उदाहरण <!DOCTYPE html> <html> <head>

  1. - CSS white-space प्रॉपर्टी

    white-space प्रॉपर्टी का उपयोग किसी तत्व के अंदर व्हाइट स्पेस (स्पेस, टैब, लाइन ब्रेक) को कैसे संभाला जाए, इसे नियंत्रित करने के लिए किया जाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> p.demo1 { white-space: normal; } p.demo2 {