టైల్‌విండ్‌లో ఒకే వైపుకు మార్జిన్‌ను ఎలా జోడించాలి?

టైల్‌విండ్ CSSలో, a మార్జిన్ నిర్దిష్ట మూలకం చుట్టూ అంతరాన్ని నియంత్రించడానికి ఉపయోగించబడుతుంది. ఇది అనువర్తిత మూలకం మరియు దాని పరిసర మూలకాల మధ్య ఖాళీని జోడిస్తుంది. టైల్‌విండ్ CSS మార్జిన్ యుటిలిటీలు మరియు మార్జిన్ విలువల సమితిని అందిస్తుంది, ఇది వినియోగదారులు కోరుకున్న మూలకాల చుట్టూ అంతరాన్ని అనుకూలీకరించడానికి అనుమతిస్తుంది. అంతేకాకుండా, వినియోగదారులు ఒక నిర్దిష్ట మూలకం యొక్క ఎగువ, దిగువ, ఎడమ లేదా కుడి వంటి ఒకే వైపుకు మార్జిన్‌ను జోడించవచ్చు.

ఈ బ్లాగ్ Tailwind CSSలో ఒక మూలకం యొక్క ఒక వైపుకు మార్జిన్‌ని జోడించడానికి ఉదాహరణలను ప్రదర్శిస్తుంది.

టైల్‌విండ్‌లో ఒకే వైపుకు మార్జిన్‌ను ఎలా జోడించాలి?

టైల్‌విండ్‌లోని మూలకం యొక్క ఒక వైపుకు మార్జిన్‌ని జోడించడానికి, క్రింది యుటిలిటీ తరగతులను ఉపయోగించవచ్చు:

• • ' mt- ” క్లాస్ మూలకం పైభాగానికి మార్జిన్‌ని జోడిస్తుంది.
  • ' mb- 'తరగతి మూలకం దిగువన మార్జిన్‌ను జోడిస్తుంది.
  • ' ml-<విలువ> ” క్లాస్ మూలకం యొక్క ఎడమవైపు మార్జిన్‌ని జోడిస్తుంది.
  • ' mr- ” క్లాస్ మూలకం యొక్క కుడివైపు మార్జిన్‌ని జోడిస్తుంది.

దీన్ని బాగా అర్థం చేసుకోవడానికి, దిగువ అందించిన ఉదాహరణలను చదవండి.

ఉదాహరణ 1: ఎలిమెంట్ పైభాగానికి మార్జిన్‌ని జోడించండి

ఈ ఉదాహరణలో, మేము 'ని ఉపయోగిస్తాము mt-14 'లో యుటిలిటీ క్లాస్'