వర్డ్ ప్రాసెసింగ్తో పట్టు సాధించినప్పుడు డెవలపర్లు నేర్చుకున్న మొదటి లక్షణాలలో ఒకటి టెక్స్ట్ అలైన్మెంట్. ప్రొఫెషనల్ టైప్సెట్టర్లు మరియు aత్సాహిక ఫ్లైయర్ డిజైనర్లకు ఆ చిన్న సాధనం చాలా ముఖ్యమైనది. వెబ్ డిజైన్ విషయానికి వస్తే CSS టెక్స్ట్ అలైన్మెంట్కు మద్దతు ఇవ్వడంలో ఆశ్చర్యం లేదు.
ది టెక్స్ట్-అలైన్ ఆస్తి, ఒకటి లేదా రెండు ఇతరులతో పాటు, ఒక మూలకం దాని వచనాన్ని అడ్డంగా ఎలా సమలేఖనం చేస్తుందో నియంత్రిస్తుంది. ప్రాథమికాలకు మించి, బ్రౌజర్లు నెమ్మదిగా స్పెక్ను మరింతగా అమలు చేస్తున్నాయి, కానీ పూర్తి మద్దతు మారుతుంది. వచనాన్ని ఎలా సమలేఖనం చేయాలో మరియు ఈ రోజు సాధారణ బ్రౌజర్లు ఏ ఫీచర్లకు మద్దతు ఇస్తాయో తెలుసుకోండి.
CSS టెక్స్ట్-అలైన్ ప్రాపర్టీ యొక్క ప్రాథమిక అంశాలు
అమరిక అనేది అత్యంత తెలిసిన టైపోగ్రఫీ పదాలలో ఒకటి. CSS సందర్భంలో, టెక్స్ట్-అలైన్ సమాంతర అమరికను సూచిస్తుంది.
క్షితిజసమాంతర టెక్స్ట్ అమరిక బ్లాక్ కంటైనర్లకు మాత్రమే వర్తిస్తుంది. ఇవి పేరాగ్రాఫ్లు మరియు డివిలు వంటి పూర్తి-వెడల్పు అంశాలు. ఉపయోగించి టెక్స్ట్-అలైన్ వంటి ఇన్లైన్ మూలకంపై ఆస్తి లో ఎలాంటి ప్రభావం ఉండదు. మీరు జాబితా అంశాలు మరియు పట్టిక కణాలను కూడా సమలేఖనం చేయవచ్చు:
మాక్ నుండి ఆండ్రాయిడ్కు ఫైల్లను ఎలా బదిలీ చేయాలి
డిఫాల్ట్గా, ఎడమ నుండి కుడికి భాషలో (దీని తర్వాత మరిన్ని), టెక్స్ట్ ఎడమవైపుకు సమలేఖనం చేయబడుతుంది:
CSS లో, ఇది ఇలా ఉంటుంది:
p { text-align: left; }
లేదా:
p { text-align: start; }
సంబంధిత: క్యాస్కేడింగ్ స్టైల్ షీట్లు ఏమిటి మరియు CSS దేనికి ఉపయోగించబడుతుంది?
మీరు దీని కోసం ఇతర విలువలను ఉపయోగించవచ్చు టెక్స్ట్-అలైన్ సమాంతర అమరికను మార్చడానికి ఆస్తి. వర్డ్ ప్రాసెసింగ్ యాప్ల నుండి అత్యంత సాధారణ విలువలు తెలిసినవి:
text-align: left
text-align: center
text-align: right
ఎడమ మరియు కుడి అంచులను సమలేఖనం చేయడానికి జస్టిఫికేషన్ ఉపయోగించండి
కోసం మరొక సాధారణ విలువ టెక్స్ట్-అలైన్ ఉంది న్యాయంచేయటానికి . బ్రౌజర్లు సమర్థించబడ్డ టెక్స్ట్కి స్పేస్ని జోడిస్తాయి, తద్వారా ప్రతి లైన్ అందుబాటులో ఉన్న స్పేస్ను పూరించడానికి విస్తరిస్తుంది:
మీరు వచనాన్ని సమర్థించినప్పుడు, చివరి పంక్తి గమ్మత్తైనది కావచ్చు. ఇది చాలా చిన్నదిగా ఉండవచ్చు (బహుశా ఒకే ఒక్క పదం), మొత్తం వెడల్పు అంతటా అంతరం చేయడం అగ్లీ కావచ్చు. డిఫాల్ట్గా, సమర్థించబడిన టెక్స్ట్ కూడా తుది పంక్తిని ఎడమవైపుకు సమలేఖనం చేస్తుంది.
అమెజాన్ ప్యాకేజీ దెబ్బతింది మరియు పంపిణీ చేయబడదు
మీరు కొన్నిసార్లు వేరే ప్రభావాన్ని కోరుకోవచ్చు. బ్రౌజర్ అమలులు స్పెక్తో పట్టుబడుతున్నాయి, అయితే రెండు విధానాలు సాధ్యమే.
ది సమర్థించు-అన్ని విలువ అంటే బ్రౌజర్లు తుది పంక్తిని మిగతా వాటిలాగా పరిగణిస్తాయి మరియు దానిని పూర్తి వెడల్పుకు విస్తరించండి. అయితే, వ్రాసే సమయంలో, ఏ బ్రౌజర్ ఈ విలువకు మద్దతు ఇవ్వదు. నువ్వు చేయగలవు వారు అలా చేస్తున్నారో లేదో చూడటానికి డబ్బా తనిఖీ చేయండి మీరు ఈ కథనాన్ని చదువుతున్నప్పుడు.
మరొక CSS ఆస్తి, టెక్స్ట్-అలైన్-లాస్ట్ , మరింత సరళమైనది మరియు మెరుగైన మద్దతు ఉంది. మీరు దీన్ని ఎక్కువ లేదా తక్కువగానే చికిత్స చేయవచ్చు టెక్స్ట్-అలైన్ , కానీ ఇది తుది పంక్తికి మాత్రమే వర్తిస్తుంది:
ఈ ప్రాపర్టీకి బ్రౌజర్ సపోర్ట్ ఉత్తమం, కానీ పర్ఫెక్ట్ కాదు. మళ్లీ, మీరు ఉపయోగించే ముందు డబ్బా తనిఖీ చేయండి . బ్రౌజర్ ఈ ఆస్తిని గుర్తించకపోతే, అది విస్మరించబడుతుంది.
టెక్స్ట్ అమరిక మరియు పఠన దిశ
మీరు అరబిక్ లేదా హీబ్రూ వంటి భాషతో పని చేస్తుండవచ్చు, అది కుడి నుండి ఎడమకు చదువుతుంది. CSS ఉపయోగిస్తుంది దిశ దీన్ని పేర్కొనడానికి ఆస్తి, ఉదాహరణకు:
direction: rtl;
ఈ భాషలు సాధారణంగా డిఫాల్ట్గా వచనాన్ని కుడి వైపుకు సమలేఖనం చేస్తాయి.
పేర్కొనడానికి బదులుగా వదిలి / కుడి , వచనాన్ని సమలేఖనం చేయడానికి ఇష్టపడే మార్గం విలువలను ఉపయోగిస్తుంది ప్రారంభం మరియు ముగింపు . ప్రతి పంక్తి ప్రారంభంలో లేదా ముగింపులో టెక్స్ట్ వరుసలో ఉంటే ఇది నిర్దేశిస్తుంది. ఎడమ నుండి కుడికి భాషలలో, ప్రారంభం కు సమానం వదిలి . కుడి నుండి ఎడమకు భాషలో, టెక్స్ట్ కుడి వైపున ప్రారంభమవుతుంది మరియు ఎడమవైపు ముగుస్తుంది.
సర్వర్ ip చిరునామా కనుగొనబడలేదు.
ఉపయోగించి ప్రారంభం లేదా ముగింపు అంటే, టెక్స్ట్ దిశతో సంబంధం లేకుండా, అమరిక స్థిరంగా ఉంటుంది.
టెక్స్ట్-అలైన్ ఆస్తిని ఎలిమెంట్స్ ఎలా వారసత్వంగా పొందుతాయి
మీరు తెలుసుకోవాలి టెక్స్ట్-అలైన్ ఆస్తి వారసత్వంగా. ఉదాహరణకు, మీరు దీన్ని సెట్ చేస్తే శరీరం మూలకం, ఇది పేజీలోని ప్రతి మూలకానికి వర్తిస్తుంది. మీరు ఏదైనా మూలకంపై దాన్ని భర్తీ చేయవచ్చు.
లేఅవుట్ను నియంత్రించడానికి టెక్స్ట్-అలైన్ ప్రాపర్టీని ఉపయోగించడం
మీరు దీనిని ఉపయోగించవచ్చు టెక్స్ట్-అలైన్ CSS ఆస్తి బ్రౌజర్లు టెక్స్ట్ను అడ్డంగా ఎలా వేస్తాయో నిర్వచించడానికి. అత్యంత సాధారణ విలువలు వదిలి , కుడి , కేంద్రం , మరియు న్యాయంచేయటానికి . అయితే ఇవి చాలా సూటిగా ఉంటాయి న్యాయంచేయటానికి కొంత సంక్లిష్టతను పరిచయం చేస్తుంది.
మీరు టెక్స్ట్ అలైన్మెంట్ను తక్కువగా ఉపయోగించాలి. బిల్బోర్డ్లు మరియు పోస్టర్లలో, సెంట్రల్ అలైన్మెంట్ తగినది కావచ్చు, కానీ ఇది టెక్స్ట్ యొక్క పొడవైన బ్లాక్లను చదవడం కష్టతరం చేస్తుంది. టెక్స్ట్ లైన్లు పొడవుగా ఉన్నప్పుడు జస్టిఫికేషన్ సాధారణంగా ఎక్కువగా చదవబడుతుంది. టెక్స్ట్ యొక్క చిన్న నిలువు వరుసలను సమర్థించడం వలన అగ్లీ అంతరాన్ని సృష్టించవచ్చు.
ది టెక్స్ట్-అలైన్ ఉపయోగకరమైన ఫార్మాటింగ్ మరియు ప్రాథమిక స్థానాలను అందించే అనేక CSS లక్షణాలలో ఆస్తి ఒకటి.
షేర్ చేయండి షేర్ చేయండి ట్వీట్ ఇమెయిల్ 10 సాధారణ CSS కోడ్ ఉదాహరణలు మీరు 10 నిమిషాలలో నేర్చుకోవచ్చుCSS తో సహాయం కావాలా? ప్రారంభించడానికి ఈ ప్రాథమిక CSS కోడ్ ఉదాహరణలను ప్రయత్నించండి, ఆపై వాటిని మీ స్వంత వెబ్ పేజీలకు వర్తింపజేయండి.
తదుపరి చదవండి సంబంధిత అంశాలు- ప్రోగ్రామింగ్
- వెబ్ అభివృద్ధి
- వెబ్ డిజైన్
- CSS
రెండు దశాబ్దాల పాటు సాఫ్ట్వేర్ డెవలపర్గా పనిచేసిన బాబీ ఒక టెక్నాలజీ astత్సాహికుడు. అతను గేమింగ్పై మక్కువ కలిగి, స్విచ్ ప్లేయర్ మ్యాగజైన్లో రివ్యూస్ ఎడిటర్గా పని చేస్తున్నాడు మరియు ఆన్లైన్ పబ్లిషింగ్ & వెబ్ డెవలప్మెంట్ యొక్క అన్ని అంశాలలో మునిగిపోయాడు.
బాబీ జాక్ నుండి మరిన్నిమా వార్తాలేఖకు సభ్యత్వాన్ని పొందండి
టెక్ చిట్కాలు, సమీక్షలు, ఉచిత ఈబుక్లు మరియు ప్రత్యేకమైన డీల్స్ కోసం మా వార్తాలేఖలో చేరండి!
సభ్యత్వం పొందడానికి ఇక్కడ క్లిక్ చేయండి