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

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

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

उदाहरण

<!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-left, nav-right, nav-up, nav-down CSS3 UI मॉड्यूल का हिस्सा थे लेकिन अब अप्रचलित हैं और आधुनिक ब्राउज़र्स में समर्थित नहीं हैं।

  1. - CSS user-select प्रॉपर्टी

    टेक्स्ट सिलेक्शन नियंत्रित करें CSS user-select प्रॉपर्टी का उपयोग यह सेट करने के लिए करें कि एलिमेंट का टेक्स्ट चुना जा सकता है या नहीं। उदाहरण <!DOCTYPE html> <html> <head> <style> div { user-select: none; } </style> </head> <body>

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

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

  1. - CSS left प्रॉपर्टी को एनिमेट करें

    CSS में left प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह स्थिति निर्धारित तत्वों (positioned elements) की क्षैतिज स्थिति को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { border: 2px solid black; width: 300px;