ఉదాహరణలతో CSS లో పాడింగ్ ఎలా అమలు చేయాలి



ఈ వ్యాసం మీకు ఉదాహరణలతో CSS లో పాడింగ్‌ను ఎలా అమలు చేయాలనే దానిపై వివరణాత్మక మరియు సమగ్రమైన జ్ఞానాన్ని అందిస్తుంది.

పాడింగ్ అనేది చాలా ముఖ్యమైన అంశాలలో ఒకటి మరియు . ఈ వ్యాసంలో మేము CSS లో పాడింగ్ యొక్క ప్రాముఖ్యత మరియు ఉపయోగం గురించి ఈ క్రింది క్రమంలో చర్చిస్తాము:

CSS లో పాడింగ్ అంటే ఏమిటి?

పాడింగ్ ప్రాపర్టీ ఒక మూలకం యొక్క కంటెంట్ టెక్స్ట్ మరియు దాని సరిహద్దు మధ్య ఎక్కడ పేర్కొనాలి మరియు ఎంత స్థలం కనిపించాలో మీకు తెలియజేస్తుంది. ఈ లక్షణం యొక్క విలువ పొడవు లేదా శాతం లేదా పదం ఉండాలి.





జావాలో డబుల్ నుండి పూర్ణాంకానికి ప్రసారం చేయండి

Padding-in-CSS



విలువ వారసత్వంగా లభిస్తే అది పేరెంట్ మాదిరిగానే ఉంటుంది. ఇక్కడ శాతం ఉపయోగించినట్లయితే, శాతం ఉన్న పెట్టెలో శాతం ఉంటుంది.

పాడింగ్ గుణాలు

CSS లోని పాడింగ్ యొక్క క్రింది లక్షణాలను జాబితాలను నియంత్రించడానికి ఉపయోగించవచ్చు. అయినప్పటికీ, మీరు ఈ క్రింది లక్షణాలను ఉపయోగించి పెట్టె యొక్క రెండు వైపులా పాడింగ్ కోసం వేర్వేరు విలువలను కూడా సెట్ చేయవచ్చు:

  • పాడింగ్-దిగువ: ఇది ఒక మూలకం యొక్క దిగువ పాడింగ్‌ను నిర్దేశిస్తుంది.



  • పాడింగ్-టాప్: ఇది ఒక మూలకం యొక్క టాప్ పాడింగ్‌ను నిర్దేశిస్తుంది.

  • పాడింగ్-ఎడమ: ఇది మూలకం యొక్క ఎడమ పాడింగ్‌ను నిర్దేశిస్తుంది.

  • పాడింగ్-కుడి: ఇది మూలకం యొక్క కుడి పాడింగ్‌ను నిర్దేశిస్తుంది.

  • పాడింగ్: ఇది మరింత లక్షణాలకు సంక్షిప్తలిపిగా ఉపయోగపడుతుంది.

పాడింగ్-దిగువ ఆస్తి:

ఇది ఒక మూలకం యొక్క దిగువ పాడింగ్‌కు సెట్ చేయబడింది. ఇది శాతం పొడవులో విలువలను తీసుకోవచ్చు.


ఇది దిగువ పాడింగ్ పేర్కొన్న పేరా



ఇది శాతంలో దిగువ పాడింగ్ పేర్కొన్న మరొక పేరా

అవుట్పుట్:

పాడింగ్-టాప్ ఆస్తి

ఈ పాడింగ్-టాప్ ఆస్తి ఒక మూలకం యొక్క టాప్ పాడింగ్‌ను సెట్ చేస్తుంది. ఇది శాతం పొడవులో విలువలను తీసుకోవచ్చు.

pl sql లో మినహాయింపు నిర్వహణ


ఇది పేరా పేర్కొన్న టాప్ పాడింగ్



ఇది శాతంలో పేర్కొన్న టాప్ పేడింగ్ మరొక పేరా

అవుట్పుట్:

పాడింగ్-ఎడమ ఆస్తి

ఈ పాడింగ్-ఎడమ ఆస్తి ఒక మూలకం యొక్క ఎడమ పాడింగ్‌ను సెట్ చేస్తుంది. ఇది శాతం పొడవులో విలువలను తీసుకోవచ్చు.


ఇది ఎడమ పాడింగ్ పేర్కొన్న పేరా



ఇది శాతంలో ఎడమ పాడింగ్ పేర్కొన్న మరొక పేరా

అవుట్పుట్:

పాడింగ్-కుడి ఆస్తి

ఈ పాడింగ్-కుడి ఆస్తి ఒక మూలకం యొక్క కుడి పాడింగ్‌ను సెట్ చేస్తుంది. ఇది శాతం పొడవులో విలువలను తీసుకోవచ్చు.


ఇది కుడి పాడింగ్ పేర్కొన్న పేరా



ఇది కుడి పాడింగ్ శాతంలో పేర్కొన్న మరొక పేరా

సెలీనియం వెబ్‌డ్రైవర్‌లో పాపప్ విండోను ఎలా నిర్వహించాలి

అవుట్పుట్:

పాడింగ్ ఆస్తి

ఈ పాడింగ్ ఆస్తి కుడి, ఎడమ, ఎగువ మరియు దిగువ పాడింగ్‌ను సెట్ చేస్తుంది. ఇది విలువలను శాతం పొడవుగా తీసుకోవచ్చు.


ఈ నాలుగు పాడింగ్ మొత్తం 20 పిక్స్‌గా ఉంటుంది



ఎగువ మరియు దిగువ పాడింగ్ 20px గా ఉంటుంది, కుడి మరియు ఎడమ పత్రం యొక్క మొత్తం వెడల్పులో 10% ఉంటుంది



ఎగువ మరియు దిగువ పాడింగ్ 20px, కుడి పాడింగ్ పత్రం యొక్క మొత్తం వెడల్పులో 3% ఉంటుంది, దిగువ పాడింగ్ మరియు టాప్ పాడింగ్ 20px ఉంటుంది

అవుట్పుట్:

దీనితో, మేము CSS లో పాడింగ్ పై ఈ అద్భుతమైన వ్యాసం ముగింపుకు వచ్చాము. మేము పాడింగ్‌ను జోడించగల వివిధ మార్గాల గురించి మీకు అవగాహన వచ్చిందని నేను ఆశిస్తున్నాను.

వెబ్-అభివృద్ధి గురించి మరింత తెలుసుకోవడానికి మీకు ఆసక్తి ఉంటే, చూడండి ఎడురేకా చేత. HTML5, CSS3, Twitter బూట్స్ట్రాప్ 3, j క్వెరీ మరియు గూగుల్ API లను ఉపయోగించి ఆకట్టుకునే వెబ్‌సైట్‌లను ఎలా సృష్టించాలో తెలుసుకోవడానికి మరియు దానిని అమెజాన్ సింపుల్ స్టోరేజ్ సర్వీస్ (S3) కు అమర్చడానికి వెబ్ డెవలప్‌మెంట్ సర్టిఫికేషన్ శిక్షణ మీకు సహాయపడుతుంది.

మీకు ఇంకా ఆసక్తి ఉంటే, మీకు ఏమైనా ప్రశ్న ఉంటే, మీరు దానిని “CSS లో పాడింగ్” బ్లాగ్ యొక్క వ్యాఖ్య విభాగంలో పోస్ట్ చేయవచ్చు మరియు మేము వీలైనంత త్వరగా మిమ్మల్ని సంప్రదిస్తాము.