CSS इनसेट प्रकृति

परिभाषा और उपयोग

inset प्रयोग एक्सपन्सीज़ के लिए एलिमेंट और उसके पालीसिपल एलिमेंट के बीच की दूरी निर्धारित करता है。

ध्यान दें:इस गुण को प्रभावी बनाने के लिए निर्दिष्ट करना आवश्यक है position गुण

inset गुण निम्नलिखित गुणों के संक्षिप्त रूप है:

• top
• bottom
• left
• right

inset गुण के मूल्य को अलग-अलग तरीकों से सेट किया जा सकता है:

यदि inset गुण को चार मूल्य है:

inset: 15px 30px 60px 90px;

• ऊपरी दूरी 15px है
• दायाँ दूरी 30px है
• नीचे दूरी 60px है
• बाईं दूरी 90px है

यदि inset गुण को तीन मूल्य है:

inset: 15px 30px 60px;

• ऊपरी दूरी 15px है
• बाईं और दायाँ दूरी 30px है
• नीचे दूरी 60px है

यदि inset गुण को दो मूल्य है:

inset: 15px 30px;

• ऊपरी और नीचे दूरी 15px है
• बाईं और दायाँ दूरी 30px है

यदि inset गुण को एक मूल्य है:

inset: 10px;

• चारों दिशाओं की दूरी 10px है

उदाहरण

उदाहरण 1

स्थानीयकरण के लिए <div> एलिमेंट के दूरी सेट करें:

div {
  inset: 35px;
}

स्वयं आजमाएं

उदाहरण 2

देखें <div> एलिमेंट के inset गुण मूल्य को ऊपरी और नीचे दूरी पारंपरिक एलिमेंट से 15 पिक्सल, बाईं और दायाँ दूरी पारंपरिक एलिमेंट से 30 पिक्सल के रूप में सेट करें:

div {
  inset: 15px 30px;
}

स्वयं आजमाएं

उदाहरण 3

देखें <div> एलिमेंट के inset गुण मूल्य को ऊपरी दूरी पारंपरिक एलिमेंट से 15 पिक्सल, बाईं और दायाँ दूरी पारंपरिक एलिमेंट से 30 पिक्सल, नीचे दूरी पारंपरिक एलिमेंट से 60 पिक्सल के रूप में सेट करें:

div {
  inset: 15px 30px 60px;
}

स्वयं आजमाएं

उदाहरण 4

देखें <div> एलिमेंट के inset गुण मूल्य को ऊपरी दूरी पारंपरिक एलिमेंट से 15 पिक्सल, दायाँ दूरी पारंपरिक एलिमेंट से 30 पिक्सल, नीचे दूरी पारंपरिक एलिमेंट से 60 पिक्सल, बाईं दूरी पारंपरिक एलिमेंट से 90 पिक्सल के रूप में सेट करें:

div {
  inset: 15px 30px 60px 90px;
}

स्वयं आजमाएं

CSS व्याकरण

inset: auto|length|initial|inherit;

गुण मूल्य

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण के रूप में प्रदर्शित करते हैं。

संबंधित पृष्ठ

शिक्षा के लिएCSS स्थानांतरण

संदर्भःCSS position गुण

संदर्भःCSS बॉटम प्रयोग

संदर्भःCSS लेफ्ट प्रकृति

संदर्भःCSS right गुण

संदर्भःCSS टॉप प्रतियोगिता