इस Tutorial में हम आपको CSS Table Property in Hindi के बारे में पूरी जानकारी देंगे. अध्ययन की सुविधा के लिए हमने इस Tutorial को निम्न भागों में बांटा हैं.
आप जानते होंगे कि HTML Table का उपयोग Data को Tabular Format में दिखाने के लिए किया जाता हैं.
Table द्वारा Present Data को आप ज्यादा रुचिकर और उपयोगी Style द्वारा बना सकते हैं. जिसके लिए CSS में Table Properties को बनाया गया हैं.
CSS की Table Properties द्वारा आप Table की Border Setting, Caption, Cells आदि को Customize कर सकते हैं.
विभिन्न प्रकार की CSS Table Properties
HTML Table को Customize करने के लिए CSS द्वारा विभिन्न Table Properties Provide करवाई जाती हैं.
border
border-collapse
border-spacing
caption-side
empty-cells
table-layout
border Property
Table में Border Define करने के लिए border Property का इस्तेमाल किया जाता हैं. आप Table के प्रत्येक Element के लिए Border Define कर सकते हैं. नीचे उदाहरण देंखे.
आपने ऊपर की Table में देखा होगा कि प्रत्येक Element कि अलग-अलग Border हैं. और Border के बीच में Space भी दिया गया हैं.
border-collapse Property द्वारा इसी फालतु बॉर्डर को हटाने का कार्य किया जाता हैं. इससे सभी Element Border को Share करते हैं और Space खत्म हो जाता हैं. इसकी दो संभावित Values होती हैं, पहली separate और दूसरी collapse होती हैं.
आपने HTML Table में शीर्षक यानि Caption Define किया होगा. जो By Default Table के ऊपर दिखाई देता हैं. Table Caption की Position को नियंत्रित करने के लिए caption-side Property का इस्तेमाल किया जाता हैं. इसकी संभावित Values top, bottomleft और right होती हैं.
कई बार हमारे पास पर्याप्त डाटा नही होता हैं तो कुछ Cells खाली रह जाते हैं. जो भी Table में दिखाई देते हैं और Table का आकार बढा देते हैं.
लेकिन, empty-cells Property द्वारा आप इन खाली Cells की Border को छिपा सकते हैं. इसकी दो संभावित Values हो सकती हैं. show से आप Border को Display कराते हैं और hide से आप बॉर्डर को छिपाते हैं.
Border के Layout को Data के हिसाब से नियंत्रित करने के लिए table-layout Property का इस्तेमाल किया जाता हैं. इस Property की दो संभावित Value होती हैं. fixed Value से Cells बराबर लंबाई-चौडाई के Display होते हैं. और auto Value से Cell Data Length के अनुसार Display होते हैं.
3 thoughts on “CSS Table Property in Hindi की हिंदी में जानकारी”
Sir aapne Table ki information adhuri di hai, Table horizontal, vertical Table, Responsive Table, Padding, Table background, Table color Ye properties aapne example ke sath discribe hi nahi ki hai. voh properties aap bhool gaye kya? Please un properties ko bhi is lekh mai add kare.
Mene to bhai yeah seekha ki HTML table ko use data data ko tubolar form me deekhane ke liye kiya jaata hai table dwara hum apne data ko attract bana sakte hai but yeah koan si table hai mujhe nahi pata aap bata do kya yeah HTML TABLE to nahi hai aur seekha css dwara hum apne data ko caption,cell ko costomize kar sakte hai aur kuch css ki table properties seekhi first properties hai border collapse second spacing third border caption size aur bhool gaya bas itna hi
Sir aapne Table ki information adhuri di hai, Table horizontal, vertical Table, Responsive Table, Padding, Table background, Table color Ye properties aapne example ke sath discribe hi nahi ki hai. voh properties aap bhool gaye kya? Please un properties ko bhi is lekh mai add kare.
Mene to bhai yeah seekha ki HTML table ko use data data ko tubolar form me deekhane ke liye kiya jaata hai table dwara hum apne data ko attract bana sakte hai but yeah koan si table hai mujhe nahi pata aap bata do kya yeah HTML TABLE to nahi hai aur seekha css dwara hum apne data ko caption,cell ko costomize kar sakte hai aur kuch css ki table properties seekhi first properties hai border collapse second spacing third border caption size aur bhool gaya bas itna hi
सुभाष जी, यह HTML Table की CSS Property है जिसके द्वारा HTML Table को कस्टमाईज किया जाता है.