개체 속에서 라인(line) 사이의 거리를 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체 속에서 라인(line) 사이의 거리를 나타내는 문자열이다.

normal 디폴트이며, 디폴트 높이이다.
(높이) 부동소수점수치 다음에 cm, mm, in, pt, pcpx 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라.
(백분율) 정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 모체의 높이에 대한 상대적인 백분율값이다t.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 normal이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

줄 높이는 글꼴의 기초선과 글꼴의 내부 윗선과의 거리이다.

양식화된 줄에 한개 이상의 개체를 포함하면, 최대 줄 높이가 적용된다. 이 경우에는, 음수값은 허용되지 않는다.

IE3.0font 애프리뷰트를 통하여 line-height 애프리뷰트를 지원한다.

적용
개체scriptCSS IE 버전
참조

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.


지정된 줄의 높이가 적용된다.
두번째 줄 문자열이다.
세번째 줄 문자열이다.
<STYLE>button{width:50}</STYLE>
<DIV id=divObj style="line-height:1em;">지정된 줄의 높이가 적용된다.<BR>
두번째 줄 문자열이다.<BR>
세번째 줄 문자열이다.</DIV>
<BUTTON onclick="divObj.style.lineHeight='';">디폴트</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='.8em';">.8em</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='1em';">1em</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='1.5em';">1.5em</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='10px';">10px</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='20px';">50px</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='50%';">50%</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='150%';">150%</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='300%';">300%</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='30px';">30px</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='30pt';">30pt</BUTTON>
<BUTTON onclick="divObj.style.lineHeight='1cm';">1cm</BUTTON>

여기에 마우스를 올려보라.
두번째 줄이다.
세번째 줄이다.

onmouseover 이벤트로 줄 높이를 조정한다.

<DIV style="font-size:40pt"
  onmouseover="this.style.lineHeight='1.2em';"
  onmouseout="this.style.lineHeight='';">여기에 마우스를 올려보라.<BR>
두번째 줄이다.<BR>
세번째 줄이다.</DIV>