CSS left विशेषता
- पिछला पृष्ठ @layer
- अगला पृष्ठ लेटर-स्पेसिंग
परिभाषा और उपयोग
left गुण एलिमेंट के बाईं किनारे को निर्देशित करता है। यह गुण स्थानीयकरण एलिमेंट के बाहरी अवरोह के बाईं किनारे और उसके रहने वाले बॉक्स के बाईं किनारे के बीच की दूरी को निर्देशित करता है。
टिप्पणी:यदि "position" गुण का मान "static" है, तो "left" गुण का सेट करने से कोई प्रभाव नहीं पड़ेगा。
वर्णन
स्थिर एलिमेंट के लिए auto; लंबाई मान के लिए उसके लंबाई मान; प्रतिशत मान के लिए निर्दिष्ट मान; अन्य स्थितियों में auto。
सापेक्षिक परिभाषित एलिमेंट के लिए left की गणना हमेशा right के बराबर होती है。
और देखें:
CSS पाठ्यक्रम:CSS स्थानीयकरण
HTML DOM संदर्भ दस्तावेज़:left गुण
उदाहरण
चित्र के बाईं किनारे को उसके रहने वाले एलिमेंट के बाईं किनारे से 100 पिक्सेल की दूरी पर सेट करें:
img
{
position:absolute;
left:100px;
}
CSS व्याकरण
left: auto|length|initial|inherit;
गुण मान
| मान | वर्णन |
|---|---|
| auto | मूलभूत मान। ब्राउज़र द्वारा बाईं किनारे के स्थान की गणना करता है。 |
| % | एलिमेंट के बाईं स्थान को प्रतिशत मान से सेट करें। नकारात्मक मानों का इस्तेमाल किया जा सकता है。 |
| length | पिक्सेल (px), सेंटीमीटर (cm) आदि इकाइयों से एलिमेंट के बाईं स्थान को सेट करें। नकारात्मक मानों का इस्तेमाल किया जा सकता है。 |
| inherit | पिछले एलिमेंट के लिए left गुण के मान को विरासत करना निर्देशित करता है。 |
तकनीकी विवरण
| मूलभूत मान: | auto |
|---|---|
| विरासत की अधिकारिता: | no |
| संस्करण: | CSS2 |
| जावास्क्रिप्ट व्याकरण: | object.style.left="100px" |
अधिक उदाहरण
- निश्चित मान से आकार के बाईं किनारे को सेट करना
- इस उदाहरण में देखा जाता है कि कैसे निश्चित मान से आकार के बाईं किनारे को सेट किया जाता है。
- प्रतिशत से आकार के बाईं किनारे को सेट करना
- इस उदाहरण में देखा जाता है कि कैसे आकार के बाईं किनारे को प्रतिशत मान से सेट किया जाता है。
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण के पूर्ण समर्थन वाले पहले ब्राउज़र का संस्करण को निर्देशित करते हैं。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
- पिछला पृष्ठ @layer
- अगला पृष्ठ लेटर-स्पेसिंग
