컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post 캐논 파워샷, 익시(익서스)와 니콘 쿨픽스 어느 것이 좋나요? IXY IXUS Coolpi...니콘 D80 용 메모리 카드 종류는? Nikon D80 지원하는 Memory CardC언어에서 오른쪽 정렬하기; 문자열, 숫자를 우측에 맞추어 출력; printf Right도스창 CMD 에서 파일명 변경 방법, 파일, 폴더 이름 바꾸기 명령; Rename Fil...이메일로 사진 보내는 방법; Email JPG ZIP RAR 파일 보내기윈라로 압축하기 방법; WinRAR 로 파일 압축하는 법; Add File엑셀로 표 만들기 방법; Excel에서 표 작성법; TableMP3 파일 음악 앞뒤 잘라내기, 지우기 프로그램; MP3Trim mpTrim중앙값, 중간값, 메디안 계산법 소스; Median디카 충전지 보관법, 배터리 보관, 수명 관리 방법; Battery Maintenance

HTML CSS 글자 간격 조정 방법, 문자 간격 확대 축소 태그? letter-spacing

Tuesday, September 11, 2007

HTML 웹문서에서 단어를 구성하는 각 글자 낱자들의 간격을 조정하는 방법입니다. letter-spacing 이라는 CSS 스타일을 사용합니다. 글자 간격은 HTML 태그(Tag)로는 조정이 안됩니다. letter-spacing 속성은 다음 예제처럼 적용하면 됩니다.

웹페이지 글자 간격 늘이기 줄이기 예제 소스

예제 소스 파일명: example.html
<html>
<head>
<title>페이지 제목</title>
<style type="text/css">
.test { letter-spacing: 1em }
</style>
</head>


<body>

<!-- CSS 클래스를 사용하여, 글자 1자의 폭, 즉 1em 단위로 (소수점 사용 가능) -->
<div class="test">
철수는 학교에 갔습니다.
<br />
Compiler Configuration
</div>


<!-- 클래스 없이 직접 글자 간격을 3픽셀로 늘이기 -->
<span style="letter-spacing: 3px">영희는 철수를 만났습니다.</span>

</body>
</html>


간격을 -3px 이런 식으로 마이너스 값으로 지정하면 글자 간격이 축소됩니다.


줄 간격 조정 참고: ▶▶ HTML-CSS] 줄간격 지정, 줄 간격 조정(확대/축소) 하기; Line Height Attribute

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top