반응형
Line Height 라인 높이
이 line-height속성은 줄 사이의 간격을 지정하는 데 사용됩니다.
Example
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>
반응형
'IT > css' 카테고리의 다른 글
| css Text Shadow 문자 그림자 (0) | 2017.02.19 |
|---|---|
| css Word Spacing 단어 간격 (0) | 2017.02.17 |
| css Letter Spacing 글자 간격 (0) | 2017.02.15 |
| css Text Indentation 텍스트 들여 쓰기 (0) | 2017.02.14 |
| css 텍스트 변환 Text Transformation (0) | 2017.02.14 |