CSSలో “డిస్‌ప్లే: టేబుల్-సెల్” ఎలా మరియు ఎందుకు ఉపయోగించాలి

డేటా విజయవంతంగా జోడించబడిందని గమనించవచ్చు:

దశ 2: శైలి 'టేబుల్-కంటెంట్' కంటైనర్

ప్రధాన డివిని యాక్సెస్ చేయడానికి, 'ని ఉపయోగించండి #టేబుల్-కంటెంట్ ', ఎక్కడ ' # ' అనేది పేర్కొన్న 'ని యాక్సెస్ చేయడానికి ఉపయోగించే సెలెక్టర్ id ” div కంటైనర్ యొక్క లక్షణం. అప్పుడు, క్రింది లక్షణాలను వర్తింపజేయండి:

ఇక్కడ:

• • ది ' ప్రదర్శన ” ఆస్తి ఒక మూలకం ఎలా కనిపిస్తుందో నిర్వచిస్తుంది మరియు నిర్ణయిస్తుంది. అలా చేయడానికి, ఈ ఆస్తి విలువ ఇలా సెట్ చేయబడింది “ పట్టిక ” టేబుల్ తయారు చేసినందుకు.
  • ' పాడింగ్ ” కంటైనర్ లోపల ఖాళీని కేటాయిస్తుంది.

దశ 3: స్టైల్ “tr-div” కంటైనర్

ఇప్పుడు, స్టైల్ ' tr-div ఈ క్రింది విధంగా కంటైనర్:

పై-కోడ్ బ్లాక్ ప్రకారం, ' ప్రదర్శన 'ఆస్తి విలువ' గా సెట్ చేయబడింది పట్టిక వరుస ” అంటే డేటా పట్టికలో అడ్డు వరుసల రూపంలో సెట్ చేయబడింది, “ నేపథ్య రంగు మూలకం వెనుకవైపు రంగును పేర్కొనడానికి ఆస్తి ఉపయోగించబడుతుంది మరియు చివరగా, ' పాడింగ్ ' వర్తించబడుతుంది:

దశ 4: “td-div” కంటైనర్‌పై “డిస్‌ప్లే: టేబుల్-సెల్” ప్రాపర్టీని వర్తింపజేయండి

'' సహాయంతో మూడవ డివిని యాక్సెస్ చేయండి .td-div ”డాట్ సెలెక్టివ్ మరియు సంబంధిత ఐడి, మరియు క్రింద ఇవ్వబడిన CSS లక్షణాలను వర్తింపజేయండి:

• • విలువ ' ప్రదర్శన 'ఆస్తి' గా సెట్ చేయబడింది పట్టిక-కణం ” ఇది సెల్ చేయడానికి మరియు సెల్‌కి డేటాను జోడించడానికి ఉపయోగించబడుతుంది.
  • ' వెడల్పు ” పట్టిక సెల్ పరిమాణాన్ని అడ్డంగా నిర్దేశిస్తుంది.
  • ' సరిహద్దు ” కణాల చుట్టూ సరిహద్దును నిర్వచిస్తుంది.
  • ' మార్జిన్ ” ఆస్తి నిర్వచించిన సరిహద్దు వెలుపల స్థలాన్ని కేటాయిస్తుంది.
  • ' పాడింగ్ ” సరిహద్దు లోపల ఖాళీని నిర్దేశిస్తుంది.

అవుట్‌పుట్

CSSలో “డిస్‌ప్లే: టేబుల్-సెల్” ఎందుకు ఉపయోగించాలి?

ది ' ప్రదర్శన: టేబుల్-సెల్ ” CSS ప్రాపర్టీ అనేది ఎలిమెంట్‌ని టేబుల్‌లా ప్రవర్తించే డేటాకు డిస్‌ప్లేను సెట్ చేయడానికి ఉపయోగించబడుతుంది. కాబట్టి, వినియోగదారులు td మరియు tr లతో సహా పట్టిక మూలకం మరియు ఇతర మూలకాలను ఉపయోగించకుండా HTMLలో పట్టిక యొక్క నకిలీని సృష్టించవచ్చు. మరింత ప్రత్యేకంగా, అతని ఆస్తి పట్టిక రూపంలో డేటాను నిర్వచిస్తుంది.

ముగింపు

ఉపయోగించడానికి ' ప్రదర్శన: టేబుల్-సెల్ ” CSS ప్రాపర్టీ, సమూహ div కంటైనర్‌లను సృష్టించండి మరియు ప్రతి కంటైనర్‌లో నిర్దిష్ట పేరుతో తరగతిని చొప్పించండి. ఆపై, CSSలో div కంటైనర్‌ను యాక్సెస్ చేసి, “డిస్‌ప్లే: టేబుల్-సెల్” ప్రాపర్టీని వర్తింపజేయండి, ఇక్కడ “ ప్రదర్శన ” ఆస్తి పట్టిక సెల్‌లలో డేటాను సెట్ చేయడానికి ఉపయోగించబడుతుంది. ఈ పోస్ట్ డిస్ప్లే:టేబుల్-సెల్ CSS ప్రాపర్టీని ఉపయోగించుకునే పద్ధతిని ప్రదర్శించింది.