CSS table-layout गुण

रोगों और उपयोग

tableLayout गुण को तालिका सेल, पंक्ति और स्तम्भ के लेआउट अलगोरिथ्म के नियमों को दिखाता है。

फिक्स्ड तालिका लेआउट

फिक्स्ड तालिका लेआउट और ऑटो तालिका लेआउट की तुलना में, ब्राउज़र को तालिका को लेआउट करने में ज्यादा तेज़ी से काम करने की अनुमति देता है。

फिक्स्ड तालिका लेआउट में, स्तरीय लेआउट केवल तालिका चौड़ाई, स्तम्भ चौड़ाई, तालिका किनारा चौड़ाई और सेल अंतराल से निर्धारित होता है, यह सेल की सामग्री से निर्धारित नहीं होता है。

फिक्स्ड तालिका लेआउट का इस्तेमाल करके, उपयोगकर्ता प्रतियोगी जब पहली पंक्ति प्राप्त करता है तो तालिका को दिखाया जा सकता है。

ऑटो तालिका लेआउट

ऑटो तालिका लेआउट में, स्तम्भ चौड़ाई स्तम्भ सेल में बिना ट्रांस्फॉर्म के सबसे बड़ी सामग्री से निर्धारित होती है。

इस अलगोरिथ्म को कभी-कभी धीमा होने की वजह यह है कि इसे अंतिम लेआउट निर्धारित करने से पहले तालिका के सभी सामग्री को जाँचना पड़ता है。

वर्णन

इस गुण को पूर्ण तालिका लेआउट के लिए इस्तेमाल किए जाने वाले लेआउट अलगोरिथ्म निर्धारित करता है। फिक्स्ड लेआउट अलगोरिथ्म तेज़ है लेकिन कम लचीला है, जबकि ऑटो अलगोरिथ्म धीमा है लेकिन आधिकारिक HTML तालिकाओं को बेहतर दिखाता है。

और देखें

CSS शिक्षाCSS तालिका

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

उदाहरण

तालिका लेआउट अलगोरिथ्म को सेट करना

तालिका
  {
  table-layout:fixed;
  }

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

CSS ग्रामर

table-layout: auto|fixed|initial|inherit;

गुण मान

मान वर्णन
ऑटोमैटिक मूलभूत। स्तम्भ चौड़ाई सेल के भीतर की सामग्री से निर्धारित होती है。
फिक्स्ड स्तम्भ चौड़ाई स्तम्भ चौड़ाई और तालिका चौड़ाई से निर्धारित होती है。
विरासत इस गुण के लिए तालिका-लेआउट गुण के मान को पितृ तत्व से विरासत करना निर्धारित करता है。

तकनीकी विवरण

मूलभूत मानः ऑटो
विरासतीयताः हाँ
संस्करणः CSS2
जेसक्रिप्ट ग्रामरः ऑब्जैक्ट.style.tableLayout="fixed"

और अधिक उदाहरण

तालिका के लेआउट को सेट करना
इस उदाहरण में तालिका के लेआउट को सेट करने के तरीके दिखाया गया है。

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

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

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