라인 높이 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,863
CSS 9년 전 조회 2,304
CSS 9년 전 조회 2,342
CSS 9년 전 조회 2,561
CSS 9년 전 조회 1,793
CSS 9년 전 조회 2,684
CSS 9년 전 조회 1,986
CSS 9년 전 조회 2,070
CSS 9년 전 조회 2,156
CSS 9년 전 조회 2,138
CSS 9년 전 조회 3,085
CSS 9년 전 조회 2,122
CSS 9년 전 조회 2,189
CSS 9년 전 조회 2,126
CSS 9년 전 조회 2,028
HTML 9년 전 조회 2,422
CSS 9년 전 조회 2,354
CSS 9년 전 조회 2,197
CSS 9년 전 조회 2,457
CSS 9년 전 조회 2,245
CSS 9년 전 조회 1,970
CSS 9년 전 조회 2,119
CSS 9년 전 조회 2,301
CSS 9년 전 조회 2,157
CSS 9년 전 조회 2,616
CSS 9년 전 조회 2,634
CSS 9년 전 조회 2,175
CSS 9년 전 조회 1,833
CSS 9년 전 조회 2,468
CSS 9년 전 조회 2,153