반응형
라인 높이 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>
반응형
'IT > css' 카테고리의 다른 글
| css 텍스트 변환 Text Transformation (0) | 2017.02.14 |
|---|---|
| css 텍스트 방향 Text Direction (0) | 2017.02.13 |
| css 글자 간격 Letter Spacing (0) | 2017.02.13 |
| css Text Alignment (0) | 2017.02.06 |
| css Text Color (0) | 2017.02.06 |