개체 속에서 라인(line) 사이의 거리를 반환하거나 설정한다.
| normal | 디폴트이며, 디폴트 높이이다. |
| (높이) | 부동소수점수치 다음에 cm, mm, in, pt, pc나 px 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라. |
| (백분율) | 정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 모체의 높이에 대한 상대적인 백분율값이다t. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 normal이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.
줄 높이는 글꼴의 기초선과 글꼴의 내부 윗선과의 거리이다.
양식화된 줄에 한개 이상의 개체를 포함하면, 최대 줄 높이가 적용된다. 이 경우에는, 음수값은 허용되지 않는다.
IE3.0는 font 애프리뷰트를 통하여 line-height 애프리뷰트를 지원한다.
| 개체 | script | CSS | 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>