CSS टॉप प्रतियोगिता

वर्णन और उपयोग

top गुण एलीमेंट के ऊपरी किनारा को निर्धारित करता है। यह गुण एक स्थानीयकरण एलीमेंट के ऊपरी बाहरी किनारा और उसके इनक्लूडिंग बॉक्स के ऊपरी किनारा के बीच की दूरी को निर्धारित करता है。

टिप्पणी:यदि "position" गुण का मान "static" है, तो "top" गुण का सेट करने से कोई प्रभाव नहीं पड़ता है。

वर्णन

स्टैटिक एलीमेंट के लिए auto होता है; लंबाई मान के लिए उसका अनुरूप निर्दिष्ट निर्देश; प्रतिशत मान के लिए निर्दिष्ट मान; अन्य तरीके से auto होता है。

सापेक्षिक परिभाषित एलीमेंट के लिए यदि top और bottom दोनों auto हैं, तो उनके गणना मान दोनों 0 होते हैं; यदि एक मात्र auto है, तो दूसरे मान का विपरीत लिया जाता है; यदि दोनों नहीं auto हैं, तो bottom का मान top के मान का विपरीत होता है。

और देखें:

CSS पाठ्यक्रम:CSS स्थानीयकरण

HTML DOM संदर्भ दस्तावेज़:top गुण

उदाहरण

छवि की ऊपरी किनारा को उसके इनक्लूडिंग एलीमेंट की ऊपरी किनारा से 5 पिक्सेल की नीचे की स्थिति में सेट करें:

img
  {
  position:absolute;
  top:5px;
  }

अपने आप प्रयास करें

CSS व्याकरण

top: auto|length|initial|inherit;

गुण मान

मान वर्णन
ऑटो डिफ़ॉल्ट मान। ब्राउज़र द्वारा ऊपरी किनारा का स्थान गणना करता है。
% एलीमेंट के ऊपरी स्थान को प्रतिशत के द्वारा सेट करें। नकारात्मक मानों का इस्तेमाल किया जा सकता है。
length पिक्सेल (px), सेंटीमीटर (cm) आदि इकाइयों के द्वारा एलीमेंट के ऊपरी स्थान को सेट करें। नकारात्मक मानों का इस्तेमाल किया जा सकता है。
inherit पिछले एलीमेंट से top गुण के मान को विरासत करना निर्धारित करता है。

तकनीकी विवरण

डिफ़ॉल्ट मान: ऑटो
विरासत: नहीं
संस्करण: CSS2
जेसक्रिप्ट व्याकरण: object.style.top="50px"

अधिक उदाहरण

निर्धारित मान के द्वारा छवि की ऊपरी किनारा सेट करना
इस उदाहरण में देखा जाता है कि कैसे निर्धारित मान के द्वारा छवि की ऊपरी किनारा को सेट किया जाता है。
प्रतिशत के द्वारा छवि की ऊपरी किनारा सेट करना
इस उदाहरण में देखा जाता है कि कैसे प्रतिशत मान के द्वारा छवि की ऊपरी किनारा को सेट किया जाता है。

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

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

च्रोम IE / एज फायरफॉक्स सफारी ओपेरा
1.0 5.0 1.0 1.0 6.0