Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

सीएसएस के साथ टेबल कैप्शन के प्लेसमेंट को नियंत्रित करें

<घंटा/>

CSS कैप्शन-साइड संपत्ति का उपयोग तालिका शीर्षक के स्थान को नियंत्रित करने के लिए किया जाता है।

उदाहरण

कैप्शन-साइड . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति:

 <एचटीएमएल> <हेड> <स्टाइल> कैप्शन.टॉप {कैप्शन-साइड:टॉप} कैप्शन.बॉटम {कैप्शन-साइड:बॉटम}   <बॉडी> <टेबल स्टाइल ="चौड़ाई:500px; बॉर्डर:3px सॉलिड ग्रे;"> <कैप्शन क्लास ="टॉप"> देश (शीर्ष कैप्शन)   भारत  यूके  US  ऑस्ट्रेलिया  
 <तालिका शैली =" चौड़ाई:500px; सीमा:3px ठोस नीला;"> <कैप्शन वर्ग ="नीचे"> देश (नीचे कैप्शन)   भारत  यूके  यूएस  ऑस्ट्रेलिया
  1. CSS के साथ एक बॉक्स की चौड़ाई सेट करें

    चौड़ाई संपत्ति का उपयोग बॉक्स की चौड़ाई निर्धारित करने के लिए किया जाता है। वे लंबाई, प्रतिशत या कीवर्ड ऑटो के मान ले सकते हैं। उदाहरण चौड़ाई सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - <html>    <head>    </head>    <body>  

  1. CSS का उपयोग करके टेबल कैप्शन की स्थिति को नियंत्रित करना

    सीएसएस कैप्शन-साइड प्रॉपर्टी का उपयोग टेबल कैप्शन बॉक्स को लंबवत स्थिति में करने के लिए किया जाता है। यह मूल्यों के रूप में ऊपर और नीचे ले सकता है। डिफ़ॉल्ट रूप से, टेबल कैप्शन को सबसे ऊपर रखा जाता है। सिंटैक्स CSS लिस्ट-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है- चयनकर्ता { कैप्शन-साइड:/*value*/} उ

  1. कैप्शन के साथ टेबल कैसे बनाएं?

    HTML में कैप्शन वाली तालिका बनाने के लिए टैग का उपयोग करें। टैग के तुरंत बाद, टेबल के अंदर कैप्शन जुड़ जाता है। उदाहरण आप HTML में कैप्शन वाली तालिका बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>       <style>