root@bskyvision: ~#
방명록
태그
RSS

<닫기>

3,562,156/3,854/1,660

프로필사진
수많은 소음 속에서 신호를 찾아가는 bskyvision입니다.


<닫기>

  • 꼬장이이(가) 07.25에 작성한 댓글: test.

<닫기>

2021-05-26 09:29: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입니다. 

  1. 꼬장스카이비전이(가) 2021.05.26 22:46에 작성한 댓글:
    블로그는 집에와서 작성하냐 아니면 회사에서 쉴때 짬내서 하냐   주소   수정/삭제   답글
이름
비밀번호
홈페이지
비밀여부