• Q&A
  • 회원가입
  • 로그인

[text] CSS - letter-spacing 속성 ★ - 글자 간격 ( 텍스트사이띄우기 = 문자 간격 = 글자 사이 띄우기 = 레러스페이싱속성)

letter-spacing 예제

 

<style> 

div {letter-spacing: 15px;} 

.normal {letter-spacing: normal;}

.minus {letter-spacing: -1px;}

.plus {letter-spacing: 10px;}

</style> 

 

<div>

    부모 요소 홈짱닷컴 (homzzang.com)

    <p class="normal">normal 홈짱닷컴 (homzzang.com)</p>

    <p class="minus">-1px 홈짱닷컴 (homzzang.com)</p>

    <p class="plus">10px 홈짱닷컴 (homzzang.com)</p>

    <p class="inherit">inherit 홈짱닷컴 (homzzang.com)</p>

</div>

 

결과보기

 

letter-spacing 정의

 

글자 간격 지정

 


 

1.

기본값 : normal

상속여부 : O

애니효과 : O

CSS버전 : CSS1

JS구문 : object.style.letterSpacing="3px"

 

2.

모든 브라우저 지원. 확인

 


letter-spacing 구문

 

선택자 {letter-spacing: normal|length|initial|inherit;}

 


[속성값]

 

normal

기본 간격 (기본값)

 

length (예: cm, mm, in, px, pt, pc 단위)
숫자가 클수록 간격이 넓어짐. (음수 가능)
cf. line-height 속성 : 음수 불가능

※ 글자를 다닥다닥 붙게 하려면 보통 -1px 줌

 

initial

이 속성의 기본값으로 설정.

 

inherit
부모 요소의 속성값 상속

 


오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012