라인 높이 Line Height

라인 높이 Line Height

 

이 line-height속성은 줄 사이의 간격을 지정하는 데 사용됩니다.

 

p.small {

    line-height: 0.8;

}

 

p.big {

    line-height: 1.8;

}

 

 

<!DOCTYPE html>

<html>

<head>

<style>

p.small {

    line-height: 0.7;

}

 

p.big {

    line-height: 1.8;

}

</style>

</head>

<body>

 

<p>

This is a paragraph with a standard line-height.<br>

The default line height in most browsers is about 110% to 120%.<br>

</p>

 

<p class="small">

This is a paragraph with a smaller line-height.<br>

This is a paragraph with a smaller line-height.<br>

</p>

 

<p class="big">

This is a paragraph with a bigger line-height.<br>

This is a paragraph with a bigger line-height.<br>

</p>

 

</body>

</html>


6119aede4b1aba12649bdc72c42e7088_1486916495_1026.PNG

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 9년 전 조회 1,923
CSS 9년 전 조회 2,349
CSS 9년 전 조회 2,391
CSS 9년 전 조회 2,614
CSS 9년 전 조회 1,869
CSS 9년 전 조회 2,730
CSS 9년 전 조회 2,034
CSS 9년 전 조회 2,123
CSS 9년 전 조회 2,222
CSS 9년 전 조회 2,229
CSS 9년 전 조회 3,149
CSS 9년 전 조회 2,181
CSS 9년 전 조회 2,251
CSS 9년 전 조회 2,195
CSS 9년 전 조회 2,085
HTML 9년 전 조회 2,500
CSS 9년 전 조회 2,423
CSS 9년 전 조회 2,263
CSS 9년 전 조회 2,519
CSS 9년 전 조회 2,319
CSS 9년 전 조회 2,051
CSS 9년 전 조회 2,179
CSS 9년 전 조회 2,379
CSS 9년 전 조회 2,225
CSS 9년 전 조회 2,690
CSS 9년 전 조회 2,686
CSS 9년 전 조회 2,258
CSS 9년 전 조회 1,903
CSS 9년 전 조회 2,528
CSS 9년 전 조회 2,212