CSS वर्टिकल-एलाइन प्रभाव

विनिर्देश और उपयोग

vertical-align गुण तत्व के अभिकरण शैली को निर्देशित करता है。

वर्णन

यह गुण लाइन तत्व के बेस लाइन के बारे में इस तत्व के लाइन तत्व के बारे में अभिकरण को निर्दिष्ट करता है। नकारात्मक लंबाई मान और प्रतिशत मान को निर्दिष्ट करने की अनुमति है। यह तत्व को नीचे नीचे ले जाएगा न कि ऊपर की ओर ले जाएगा। तालिका कोष्ठ में इस गुण को तालिका कोष्ठ के भीतर के तत्व के आयामन को निर्दिष्ट करता है।

और देखें:

CSS पाठ्यक्रम:CSS टेक्स्ट

HTML DOM संदर्भ पुस्तक:verticalAlign गुण

उदाहरण

एक चित्र को अभिकरण करना:

img
  {
  vertical-align:text-top;
  }

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

CSS व्याकरण

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

गुण मान

मान वर्णन
baseline मूलभूत। तत्व पितृ तत्व के बेस लाइन पर रखा जाता है。
sub लेख को नीचे से ऊपर रेखांकित
super लेख को ऊपर से नीचे रेखांकित
top तत्व का ऊपर का छोर लेख में सबसे ऊपर के तत्व के ऊपर के छोर से तालमेल करे
text-top तत्व का ऊपर का छोर पितृ तत्व के लिखाई के ऊपर के छोर से तालमेल करे
middle इस तत्व को पितृ तत्व के मध्य में रखे जाए।
bottom तत्व का ऊपर का छोर लेख में सबसे नीचे के तत्व के ऊपर के छोर से तालमेल करे।
text-bottom तत्व के नीचे का छोर पितृ तत्व के लिखाई के नीचे के छोर से तालमेल करे।
length 　
% इस तत्व को अनुक्रमांक के प्रतिशत मान के द्वारा आयामित करें। नकारात्मक मानों का इस्तेमाल की जा सकती है。
inherit पितृ तत्व से vertical-align गुण के मान को विरासत करने का निर्देश देता है。

तकनीकी विवरण

मूलभूत मानः baseline
विरासतीयताः नहीं
संस्करणः CSS1
JavaScript व्याकरणः object.style.verticalAlign="bottom"

अधिक उदाहरण

अभिकरण को ऊपर से नीचे रेखांकित
इस उदाहरण में दिखाया गया है कि कैसे लेख में अभिकरण को ऊपर से नीचे रेखांकित किया जाता है。

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

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

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