글자간격
letter-spacing
글자의 문자간격
글자 하나하나의 간격을 조절할때 사용
문법 div { letter-spacing:0.2em; }
0은 normal 기본 간격임.
보통 px,em으로 표시
마이너스 값도 가능하지만, 특정범위를 넘어서면 더이상 값이 반영되지 않는다.
| div {font:normal 12px '나눔고딕', '돋움', '굴림'; background:#fff; letter-spacing:2em;} <div>글자 사이사이 간격을 조절해 줍니다.</div> 결과
글자 사이사이 간격을 조절해줍니다.
div {font:normal 12px '나눔고딕', '돋움', '굴림'; background:#fff; letter-spacing:-0.5px;} <div>글자 사이사이 간격을 조절해 줍니다.</div> 결과
글자 사이사이 간격을 조절해줍니다.
|
word-spacing
단어 간격
단어와 단어 사이 간격을 조절할때 사용
문법 div {word-spacing:5px;}
0은 normal 기본 간격
보통 px, em으로 표시
마이너스 값도 가능하지만, 특정범위를 넘어서면 더이상 값이 반영되지 않는다.
| div {font:normal 12px '나눔고딕', '돋움', '굴림'; background:#fff; word-spacing:5px;} <div>단어와 단어 사이 간격을 조절해 줍니다.</div> 결과
단어와 단어 사이 간격을 조절해 줍니다.
div {font:normal 12px '나눔고딕', '돋움', '굴림'; background:#fff; word-spacing:-2em;} <div>단어와 단어 사이 간격을 조절해 줍니다.</div> 결과
단어와 단어 사이 간격을 조절해 줍니다.
|
