라인 높이 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,928
CSS 9년 전 조회 2,357
CSS 9년 전 조회 2,395
CSS 9년 전 조회 2,618
CSS 9년 전 조회 1,875
CSS 9년 전 조회 2,733
CSS 9년 전 조회 2,038
CSS 9년 전 조회 2,125
CSS 9년 전 조회 2,227
CSS 9년 전 조회 2,234
CSS 9년 전 조회 3,153
CSS 9년 전 조회 2,183
CSS 9년 전 조회 2,254
CSS 9년 전 조회 2,200
CSS 9년 전 조회 2,089
HTML 9년 전 조회 2,503
CSS 9년 전 조회 2,429
CSS 9년 전 조회 2,267
CSS 9년 전 조회 2,525
CSS 9년 전 조회 2,322
CSS 9년 전 조회 2,056
CSS 9년 전 조회 2,183
CSS 9년 전 조회 2,385
CSS 9년 전 조회 2,232
CSS 9년 전 조회 2,691
CSS 9년 전 조회 2,690
CSS 9년 전 조회 2,259
CSS 9년 전 조회 1,908
CSS 9년 전 조회 2,532
CSS 9년 전 조회 2,215