Dev/HTML, CSS
[css] 자간 조절하기, letter-spacing 속성
bskyvision.com
2021. 5. 26. 09:29
자간을 조절하려면 CSS의 letter-spacing 속성을 사용하면 됩니다.
바로 예제 코드를 보시죠.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>안녕하세요. 저는 비스카이비전입니다.</p>
<p style="letter-spacing: 5px">안녕하세요. 저는 비스카이비전입니다.</p>
<p style="letter-spacing: 10px">안녕하세요. 저는 비스카이비전입니다.</p>
</body>
</html>
|
cs |
이 웹페이지를 열어보면 다음과 같은 화면이 보입니다.
letter-spacing 속성에 큰 값을 줄 수록 자간이 넓어지는 것을 확인하실 수 있습니다.
참고로 줄간격(행간)을 조절하는 속성은 line-height입니다.