CSS line-height అంశం

定义和用法

line-height 属性设置行间的距离（行高）。

注释：不允许使用负值。

说明

该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

ప్రారంభ నంబర్ విలువ ఒక పొడిగించే ఫాక్టర్ నిర్దేశిస్తుంది, ఈ పొడిగించే ఫాక్టర్ పిల్లల కంటే గణనలో ఉంటుంది కాని కంటే గణనలో ఉంటుంది.

ఇతర వారు చూడండి:

CSS పాఠ్యకోశం:CSS టెక్స్ట్

HTML DOM సంప్రదించండి:lineHeight లక్షణం

ఉదాహరణ

శతకం ప్రాతిపదికన వరుసల అంతరాన్ని నిర్వహించండి:

p.small {line-height:90%}
p.big {line-height:200%}

మీరు స్వయంగా ప్రయత్నించండి

మరింత ఉదాహరణలను పేజీ కిందికి చూడండి

CSS వినియోగదారి కానికి:

line-height: normal|number|length|initial|inherit;

లక్షణం విలువ

విలువ వివరణ
normal అప్రమేయం. సరియైన వరుసల అంతరాన్ని నిర్వహించండి
number సంఖ్యను నిర్వహించండి ఈ సంఖ్య ప్రస్తుత ఫంట్ అక్షర పరిమాణంతో గణనలో ఉంటుంది వరుసల అంతరంగా నిర్వహించబడుతుంది.
length నిర్ధిష్టమైన వరుసల అంతరాన్ని నిర్వహించండి
% ప్రస్తుత ఫంట్ అక్షర పరిమాణం ప్రాతిపదికన ప్రతిపాదించబడిన వరుసల అంతరం.
inherit పైపెడ్ లైన్ హైట్ లక్షణం పైపెడ్ లైన్ హైట్ పైపెడ్ లైన్ హైట్ అనుసరించవలసినది చెప్పుతుంది.

సాంకేతిక వివరాలు

అప్రమేయం: normal
వారిశ్రామకత స్పష్టించండి: yes
సంస్కరణ: CSS1
JavaScript వినియోగదారి కానికి: object.style.lineHeight="2"

TIY ఉదాహరణ

శతకం ప్రాతిపదికన వరుసల అంతరాన్ని నిర్వహించండి
ఈ ఉదాహరణలో శతకం ప్రాతిపదికన పొందికలో వరుసల అంతరాన్ని ఎలా నిర్వహించాలనేది చూపిస్తుంది.
పిక్సెల్ విలువను ఉపయోగించి వరుసల అంతరాన్ని నిర్వహించండి
ఈ ఉదాహరణలో పిక్సెల్ విలువను ఉపయోగించి పొందికలో వరుసల అంతరాన్ని ఎలా నిర్వహించాలనేది చూపిస్తుంది.
సంఖ్యను ఉపయోగించి వరుసల అంతరాన్ని నిర్వహించండి
ఈ ఉదాహరణలో ఒక సంఖ్యను ఉపయోగించి పొందికలో వరుసల అంతరాన్ని ఎలా నిర్వహించాలనేది చూపిస్తుంది.

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణం పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను చెప్పుతాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 7.0