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













