Tailwind CSS అనేది అనుకూలీకరించదగిన మరియు ప్రతిస్పందించే వెబ్ పేజీలు లేదా డిజైన్లను రూపొందించడానికి ఉపయోగించబడే ఒక ప్రసిద్ధ ఫ్రేమ్వర్క్. ఇది ఏ కస్టమ్ CSSని వ్రాయకుండా మూలకాల లేఅవుట్ మరియు అంతరాన్ని నియంత్రించడానికి వినియోగదారులను అనుమతిస్తుంది. పాడింగ్ అనేది నిర్దిష్ట మూలకం యొక్క కంటెంట్ మరియు దాని సరిహద్దు మధ్య ఖాళీ. కొన్నిసార్లు, వినియోగదారులు ఒక మూలకం యొక్క ప్రతి వైపుకు ఒకే మొత్తంలో పాడింగ్ని వర్తింపజేయాలనుకుంటున్నారు. Tailwind ఒక మూలకం యొక్క అన్ని వైపులా లేదా ఎగువ, కుడి, దిగువ లేదా ఎడమ వంటి నిర్దిష్ట వైపులా పాడింగ్ని వర్తింపజేయడానికి యుటిలిటీ తరగతులను అందిస్తుంది.
ఈ కథనం టైల్విండ్లోని మూలకం యొక్క అన్ని వైపులా పాడింగ్ను జోడించే పద్ధతిని ఉదాహరణగా చూపుతుంది.
టైల్విండ్లో అన్ని వైపులా పాడింగ్ను ఎలా జోడించాలి?
టైల్విండ్లోని నిర్దిష్ట మూలకం యొక్క అన్ని వైపులా పాడింగ్ను జోడించడానికి, HTML నిర్మాణాన్ని రూపొందించండి. అప్పుడు, నిర్దిష్ట మూలకంతో “p-
వాక్యనిర్మాణం
< మూలకం తరగతి = 'p-
'
ఉదాహరణ
ఈ ఉదాహరణలో, మనకు రెండు ఉన్నాయి ' రెండవ అవుట్పుట్ Tailwindలో మూలకం యొక్క అన్ని వైపులా పాడింగ్ను జోడించడానికి, HTML ప్రోగ్రామ్లో కావలసిన మూలకంతో “p-
< శరీరం >
< div తరగతి = 'bg-pink-600 p-8 w-max' >
పాడింగ్ లో టైల్విండ్ CSS
div >
< br >
< div తరగతి = 'bg-teal-600 p-14 w-max' >
పాడింగ్ లో టైల్విండ్ CSS
div >
శరీరం >
ఇక్కడ, మొదటి
ఎగువ అవుట్పుట్ ప్రకారం, పేర్కొన్న ప్యాడింగ్ రెండు కంటైనర్ల అన్ని వైపులకు వర్తించబడింది. ముగింపు