వచనం
అమరిక, చుట్టడం, బరువు మరియు మరిన్నింటిని నియంత్రించడానికి సాధారణ టెక్స్ట్ యుటిలిటీల కోసం డాక్యుమెంటేషన్ మరియు ఉదాహరణలు.
టెక్స్ట్ అమరిక
వచన సమలేఖన తరగతులతో భాగాలకు వచనాన్ని సులభంగా మార్చండి.
ప్రతిష్టాత్మకమైన స్క్రిప్సిస్ ఇయుడికరేటుర్. క్రాస్ మ్యాటిస్ యుడిసియం పురస్ సిట్ అమెట్ ఫెర్మెంటం. డోనెక్ సెడ్ ఒడియో ఒపెరే, యూ వల్పుటేట్ ఫెలిస్ రోంకస్. ప్రేటేరియా ఇటర్ ఈస్ట్ క్వాస్డం రెస్ క్వాస్ ఎక్స్ కమ్యూని. నాస్ హింక్ పోస్ట్హాక్ వద్ద, సిటింటిస్ పైరోస్ ఆఫ్రోస్. పెటియరుంట్ యుటి సిబి కన్సిలియం టోటియస్ గల్లియా ఇన్ డైమ్ సెర్టామ్ ఇండిసెర్. క్రాస్ మ్యాటిస్ యుడిసియం పురస్ సిట్ అమెట్ ఫెర్మెంటం.
ఎడమ, కుడి మరియు మధ్య సమలేఖనం కోసం, గ్రిడ్ సిస్టమ్ వలె వీక్షణపోర్ట్ వెడల్పు బ్రేక్పాయింట్లను ఉపయోగించే ప్రతిస్పందించే తరగతులు అందుబాటులో ఉన్నాయి.
అన్ని వీక్షణపోర్ట్ పరిమాణాలలో ఎడమకు సమలేఖనం చేయబడిన వచనం.
అన్ని వీక్షణపోర్ట్ పరిమాణాలలో వచనం మధ్యకు సమలేఖనం చేయబడింది.
అన్ని వీక్షణపోర్ట్ పరిమాణాలలో కుడికి సమలేఖనం చేయబడిన వచనం.
SM (చిన్న) లేదా పెద్ద పరిమాణంలో ఉన్న వీక్షణపోర్ట్లలో ఎడమకు సమలేఖనం చేయబడిన వచనం.
MD (మధ్యస్థం) లేదా అంతకంటే ఎక్కువ పరిమాణంలో ఉన్న వీక్షణపోర్ట్లలో ఎడమకు సమలేఖనం చేయబడిన వచనం.
LG (పెద్దది) లేదా అంతకంటే ఎక్కువ పరిమాణంలో ఉన్న వీక్షణపోర్ట్లలో ఎడమకు సమలేఖనం చేయబడిన వచనం.
XL పరిమాణం (అదనపు-పెద్దది) లేదా వెడల్పు ఉన్న వీక్షణపోర్ట్లలో ఎడమకు సమలేఖనం చేయబడిన వచనం.
టెక్స్ట్ చుట్టడం మరియు ఓవర్ఫ్లో
.text-wrap
తరగతితో వచనాన్ని చుట్టండి .
.text-nowrap
తరగతితో వచనాన్ని చుట్టకుండా నిరోధించండి .
.text-truncate
పొడవైన కంటెంట్ కోసం, మీరు ఎలిప్సిస్తో టెక్స్ట్ను కత్తిరించడానికి తరగతిని జోడించవచ్చు . అవసరం display: inline-block
లేదా display: block
.
పద విరామము
సెట్ .text-break
చేయడానికి word-wrap: break-word
మరియు word-break: break-word
. మేము విస్తృత బ్రౌజర్ మద్దతు కోసం word-wrap
సర్వసాధారణమైన వాటికి బదులుగా ఉపయోగిస్తాము మరియు ఫ్లెక్స్ కంటైనర్లతో సమస్యలను నివారించడానికి overflow-wrap
నిలిపివేయబడిన వాటిని జోడిస్తాము .word-break: break-word
మమమమమమమమమమ మమమమమమమమమమమమమమమమమమ
వచన పరివర్తన
టెక్స్ట్ క్యాపిటలైజేషన్ తరగతులతో భాగాలుగా టెక్స్ట్ను మార్చండి.
చిన్న అక్షరం.
పెద్ద అక్షరం వచనం.
CapiTaliZed టెక్స్ట్.
ప్రతి పదంలోని మొదటి అక్షరాన్ని మాత్రమే ఎలా మారుస్తుందో గమనించండి .text-capitalize
, ఏ ఇతర అక్షరాల కేసును ప్రభావితం చేయకుండా వదిలివేయండి.
ఫాంట్ బరువు మరియు ఇటాలిక్లు
టెక్స్ట్ బరువును (బోల్డ్నెస్) త్వరగా మార్చండి లేదా వచనాన్ని ఇటాలిక్ చేయండి.
బోల్డ్ టెక్స్ట్.
బోల్డర్ వెయిట్ టెక్స్ట్ (మాతృ మూలకానికి సంబంధించి).
సాధారణ బరువు వచనం.
లైట్ వెయిట్ టెక్స్ట్.
తక్కువ బరువున్న వచనం (మాతృ మూలకానికి సంబంధించి).
ఇటాలిక్ టెక్స్ట్.
మోనోస్పేస్
తో ఎంపికను మా మోనోస్పేస్ ఫాంట్ స్టాక్కు మార్చండి .text-monospace
.
ఇది మోనోస్పేస్లో ఉంది
రంగును రీసెట్ చేయండి
తో టెక్స్ట్ లేదా లింక్ యొక్క రంగును రీసెట్ .text-reset
చేయండి, తద్వారా అది దాని పేరెంట్ నుండి రంగును పొందుతుంది.
రీసెట్ లింక్తో మ్యూట్ చేయబడిన వచనం .
టెక్స్ట్ అలంకరణ
.text-decoration-none
తరగతితో వచన అలంకరణను తీసివేయండి .