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

CSS में स्क्रीन पिक्सेल्स में माप कैसे परिभाषित करें?

CSS में स्क्रीन पिक्सेल्स में माप को परिभाषित करने के लिए, px यूनिट का उपयोग करें।

आइए एक उदाहरण देखें:

<html> 
    <head> 
    </head> 
    <body> 
        <div style = "position:relative;left:90px;top:3px;background-color:yellow;"> 
            This div has relative positioning. 
        </div> 
    </body> </html>

  1. CSS Flex से कॉलम DIV को लेफ्ट-सेंटर-राइट अलाइन कैसे करें? CSS Flex से कॉलम DIV को लेफ्ट-सेंटर-राइट अलाइन कैसे करें?

    फ्लेक्स कंटेनर के आइटम को उसके मेन अक्ष के साथ स्पेस वितरित करके अलाइन करने के लिए, हम CSS के justify-content प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS justify-content प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    display: flex;    justify-content: /*value*/ } उदाहरण 1 (spa

  1. CSS से चेकमार्क/टिक कैसे बनाएं? CSS से चेकमार्क/टिक कैसे बनाएं?

    हम CSS का उपयोग करके एक कस्टमाइज़्ड चेकमार्क बना सकते हैं। निम्न उदाहरण इस प्रभाव को दर्शाते हैं: उदाहरण 1 (प्सूडो-एलिमेंट से) <!DOCTYPE html> <html> <style> div {    margin: 2%;    position: relative;    width: 40px;    height: 40px;  

  1. प्योर CSS के साथ स्मूथ स्क्रॉलिंग प्योर CSS के साथ स्मूथ स्क्रॉलिंग

    परिचय CSS scroll-behavior प्रॉपर्टी हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देती है। जावास्क्रिप्ट के बिना, हम एंकर लिंक्स और प्रोग्रामेटिक स्क्रॉलिंग के लिए स्मूथ स्क्रॉलिंग सक्षम कर सकते हैं। उदाहरण 1: वर्टिकल स्मूथ स्क्रॉल <!DOCTYPE html> <html> <head> <style> h