본문 바로가기
[Front-End] 프론트엔드/[css] 스타일시트

[css3] letter-spacing 텍스트 간격 글자 사이 조절 소스 코드 예제

by codeomni 2018. 8. 28.
반응형

 

안녕하세요.

 

css3에서는 다양한 스타일을 지원합니다.

웹 페이지에 방문하는 사용자에 맞게 디자인 할 수 있습니다.

html5로 작성한 페이지의 텍스트 간격, 글자 사이를 조정하는 속성은

letter-spacing입니다. 

크기 단위와 normal를 사용할 수 있습니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
    <head>
        <title>codeomni.tistory.com css3 letter-spacing 텍스트 간격 글자 사이 조절 소스 코드 예제</title>
        <style>
            body {
                background-color: #9adaca;
            }
            h1, p {
                letter-spacing: 20px;
            }
        </style>
    </head>
    <body>
        <h1>codeomni</h1>
        <p>letter-spacing</p>
        <p>텍스트 간격 조절</p>
    </body>
</html>
cs

 

 

 

 

실행 화면입니다.

 

 

 

댓글