CSS పంక్తి అంతరం పొందడానికి CSS లైన్ ఎత్తు సంపత్తి ఉపయోగించి
మీ వెబ్ పేజీలలో మీ పంక్తి అంతరాన్ని ప్రభావితం చేయడానికి CSS శైలి లక్షణం లైన్-ఎత్తు ఎలా ఉపయోగించాలో తెలుసుకోండి.
CSS పంక్తి అంతరం యొక్క విలువలు
CSS లైన్ అంతరాన్ని CSS శైలి ఆస్తి లైన్-ఎత్తు ప్రభావితం చేస్తుంది. ఈ ఆస్తి 5 విభిన్న విలువలను తీసుకుంటుంది:
- సాధారణ: బ్రౌజర్ ఫాంట్ పరిమాణానికి సంబంధించిన లైన్ అంతరానికి విలువను నిర్ణయిస్తుంది. ఇది సాధారణంగా ఫాంట్ పరిమాణం లేదా కొంచెం పెద్దది (20% వంటిది) వలె ఉంటుంది.
- వారసత్వంగా: పంక్తి అంతరం మాతృ మూలకం యొక్క పంక్తి అంతరం నుండి తీసుకోవాలి. మీరు ఫాంట్ సైజు కంటే 30% ఎక్కువగా ఉన్న మీ శరీరం ట్యాగ్ యొక్క లైన్-ఎత్తును సెట్ చేస్తే మరియు వాటిలో పేరా ట్యాగ్లు వారసత్వంగా అమర్చబడి ఉంటాయి, అవి font-size కంటే 30% ఎక్కువగా ఉన్న లైన్-ఎత్తు కలిగి ఉంటాయి.
- సంఖ్య: లైన్ ఎత్తు విలువ కొలత యూనిట్ లేకపోతే, అది లైన్ ఎత్తు కోసం ఫాంట్ పరిమాణం ఒక గుణకం పరిగణించబడుతుంది. కాబట్టి 1.25 యొక్క లైన్-ఎత్తు ఫాంట్ సైజు కంటే 25% ఎక్కువగా ఉంటుంది.
- ఒక పొడవు: లైన్ ఎత్తు విలువ కొలత యూనిట్ ఉంటే, ఇది రేఖల మధ్య ఉండాలి స్థలం ఖచ్చితమైన మొత్తం. అందువల్ల, 1.25 మిల్లీమీటర్లు 1.25 మిల్లీమీటర్ల వేర్వేరు లైన్లకు దారి తీస్తుంది.
- ఒక శాతం: లైన్-ఎత్తు ఒక శాతం ఉంటే, అది ఫాంట్ సైజులో ఒక శాతం అవుతుంది. కాబట్టి 125% లైన్-ఎత్తు ఫాంట్ సైజు కంటే 25% ఎక్కువగా ఉంటుంది.
మీరు CSS పంక్తి అంతరం కోసం ఉపయోగించాల్సిన విలువ
చాలా సందర్భాలలో, పంక్తి అంతరానికి ఉత్తమ ఎంపిక డిఫాల్ట్ వద్ద వదిలివేయడం - లేదా "సాధారణ". ఇది సాధారణంగా అత్యంత చదవగలిగినది మరియు ప్రత్యేకమైనది ఏమీ చేయనవసరం లేదు. కానీ పంక్తి అంతరం మార్చడం వలన మీ టెక్స్ట్కు ఇది వేరే భావాన్ని ఇస్తుంది.
మీ ఫాంట్ పరిమాణము ఎమ్ లు లేదా శాతాలుగా నిర్వచించబడితే , మీ లైన్-ఎత్తు కూడా ఆ విధంగా నిర్వచించబడాలి. ఇది పంక్తి అంతరం యొక్క అత్యంత సౌకర్యవంతమైన రూపం, ఎందుకంటే రీడర్ వారి ఫాంట్లను పరిమితం చేయడానికి మరియు మీ పంక్తి అంతరంపై అదే నిష్పత్తిని ఉంచుతుంది.
ఒక పాయింట్ (pt) విలువతో ముద్రణ శైలి షీట్లు కోసం లైన్ ఎత్తుని సెట్ చేయండి. పాయింట్ ప్రింట్ కొలత, మరియు మీ ఫాంట్ పరిమాణాలు అలాగే పాయింట్లు ఉండాలి.
నేను ప్రజలకు చాలా గందరగోళంగా ఉందని కనుగొన్నాను ఎందుకంటే నేను నంబర్ ఎంపికను ఉపయోగించడం ఇష్టం లేదు. అనేకమంది ప్రజలు ఆ సంఖ్యను ఒక సంపూర్ణ పరిమాణంగా భావిస్తారు, అందుచే వారు దానిని భారీగా చేస్తారు. ఉదాహరణకు, మీరు 14px వద్ద ఫాంట్ సమితిని కలిగి ఉండవచ్చు మరియు మీరు మీ లైన్-ఎత్తును 14 కు సెట్ చేసి - పంక్తుల మధ్య భారీ అంతరాల ఫలితంగా - పంక్తి అంతరం 14 సార్లు ఫాంట్ పరిమాణంలో సెట్ చేయబడుతుంది.
ఎంత ఖాళీ మీ ఖాళీ కోసం ఉపయోగించాలి
నేను పైన చెప్పినట్లుగా, మీరు మార్చడానికి ఒక నిర్దిష్ట కారణం తప్ప, డిఫాల్ట్ పంక్తి అంతరం ఉపయోగించాలని నేను సిఫార్సు చేస్తున్నాను. పంక్తి అంతరాన్ని మార్చడం వివిధ ప్రభావాలను కలిగి ఉంటుంది:
- చాలా గట్టిగా కలగలిగే వచనం చదవడం కష్టమవుతుంది. కానీ చిన్న లైన్ ఖాళీలను టెక్స్ట్ యొక్క మానసిక స్థితి ప్రభావితం చేయవచ్చు. వచనం చిందించినట్లయితే అది టెక్స్ట్ యొక్క భావన ముదురు లేదా ఎక్కువ కాలం అనిపించవచ్చు.
- దూరముగా ఉన్న వచనం చదవటానికి కష్టంగా ఉంటుంది. కానీ విస్తృత లైన్ ఖాళీలు టెక్స్ట్ మరింత ప్రవహించే మరియు ద్రవం కనిపిస్తుంది చేస్తుంది.
- లైన్ అంతరం మార్చడం లేకపోతే ఖాళీలో సరిపోకపోయినా, మీ డిజైన్లలో మరింత స్థలాన్ని కలిగి ఉండటం లేదా ఎక్కువ స్థలాన్ని పొందడం చేయవచ్చు.