हम CSS का उपयोग करके तालिकाओं के लिए शैलियों को परिभाषित कर सकते हैं। निम्नलिखित गुण अक्सर
और उसके तत्वों को स्टाइल करने के लिए उपयोग किए जाते हैं -- सीमा
CSS बॉर्डर प्रॉपर्टी का इस्तेमाल बॉर्डर-चौड़ाई, बॉर्डर-स्टाइल और बॉर्डर-कलर को परिभाषित करने के लिए किया जाता है।
- सीमा-पतन
इस गुण का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि क्या
कैप्शन-साइड प्रॉपर्टी का उपयोग टेबल कैप्शन बॉक्स को लंबवत स्थिति में करने के लिए किया जाता है।
इस गुण का उपयोग किसी तालिका के रिक्त कक्षों के प्रदर्शन को निर्दिष्ट करने के लिए किया जाता है।
तालिका की पंक्तियों, स्तंभों और कक्षों को बिछाने के लिए ब्राउज़र द्वारा उपयोग किए जाने वाले एल्गोरिथम को परिभाषित करने के लिए।
उदाहरण
निम्नलिखित उदाहरण तालिकाओं की शैली को स्पष्ट करते हैं -
<शैली>टेबल, टेबल * { बॉर्डर:थिन सॉलिड; पैडिंग:5px; फ़ॉन्ट-शैली:इटैलिक;}कैप्शन { कैप्शन-साइड:बॉटम;}td { बॉक्स-शैडो:इनसेट 0 0 6px हरा;}
डेमो | ||
डेमो | ||
डेमो | डेमो |
आउटपुट
यह निम्न आउटपुट देता है -
उदाहरण
टीम रैंकिंग
टीम (टेस्ट) रैंक भारत 1 ऑस्ट्रेलिया 2
टीम (ODI) रैंक भारत 1 इंग्लैंड 2 आउटपुट
यह निम्न आउटपुट देता है -