Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS를 사용하여 줄 높이 설정

<시간/>

줄 높이를 설정하려면 line-height 속성을 사용하십시오. 다음은 속성 값입니다 -

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

예시

이제 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   line-height: 1.9;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text.<br>
This is another demo text.
</p>
</div>
</body>
</html>

출력

CSS를 사용하여 줄 높이 설정

예시

이제 다른 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   line-height: 200%;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text.<br>
This is another demo text.
</p>
</div>
</body>
</html>

출력

CSS를 사용하여 줄 높이 설정