CSSతో టేబుల్‌ని ఎలా స్టైల్ చేయాలి

• ' ఫాంట్ పరిమాణం ” ఆస్తి ఫాంట్ పరిమాణం సెట్టింగ్ కోసం ఉపయోగించబడుతుంది.
• ' టెక్స్ట్-అలైన్ ” లక్షణం మూలకం యొక్క వచనం యొక్క అమరికను నిర్దేశిస్తుంది.
• ' రంగు ” లక్షణం మూలకం యొక్క ఫాంట్ రంగును సూచిస్తుంది.

పైన అందించిన కోడ్ యొక్క అవుట్‌పుట్ ఇక్కడ ఉంది:

దశ 4: పట్టికకు అంచుని జోడించండి
ది ' సరిహద్దు మూలకం చుట్టూ అంచుని జోడించడానికి ఆస్తి ఉపయోగించబడుతుంది. ఇది సరిహద్దు వెడల్పు, సరిహద్దు శైలి మరియు అంచు రంగును పేర్కొనే సంక్షిప్తలిపి ఆస్తి.

పాడింగ్‌తో పాటు అంచుని వర్తింపజేద్దాం మరియు టేబుల్‌కి మార్జిన్ చేయండి:

ఇక్కడ:

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

అవుట్‌పుట్

గమనిక : మేము పట్టిక సరిహద్దుల మధ్య ఖాళీలు కోరుకోకపోతే, సరిహద్దు-కుప్పకూలిన ప్రాపర్టీని ఉపయోగించండి.

దశ 5: పట్టిక నుండి సరిహద్దు అంతరాన్ని కుదించు
పట్టిక సరిహద్దుల మధ్య ఖాళీలను ఉపయోగించడం ద్వారా తొలగించవచ్చు సరిహద్దు-కూలిపోవడం 'పతనం' విలువతో ఆస్తి:

దశ 6: టేబుల్ పరిమాణాన్ని సర్దుబాటు చేయండి
పట్టిక పరిమాణాన్ని ఎలా సర్దుబాటు చేయాలో చూద్దాం:

జోడించబడింది ' వెడల్పు ”