JS, HTML & CSS

CSS 줄간격, 자간, 단어 간격 등

관리자 | 2013.01.21 15:14 | 조회 6954

<p style="text-decoration:underline;">밑줄긋기</p>

<p style="text-decoration:overline;">윗줄긋기</p>

<p style="text-decoration:line-through;">가운데줄긋기</p>

<font style="vertical-align:sub;color:red;font-size:17pt">아래첨자</font>

<font style="vertical-align:normal;color:red;font-size:17pt">걍~</font>

<font style="vertica-align:super;color=blue;font-size:14pt;">위첨자</font>

p.one{letter-spacing:3px; font-size:20px; }/*글자와 글자 사이 간격*/

p.two{word-spacing:30px; font-size:20px;}/*단어와 단어 사이의 간격*/

p.three{line-height:150%; font-size:20px;}/*줄간견으로 px과 %로 줄수 있음*/

<font style="text-transform:capitalize">영문자의 첫 글자만 대문자로 변화 sdagasdg agasdg</font>

<font style="text-transform:uppercase">영문자의 모든 글자를 대문자로 변화 sDagasdg aGasdg</font>

<p style="text-indent:20%">문자열 들여쓰기근영</font><!-- cm,pt,%등이 올수 있음-->
클래스이름
{white-space:nowrap} /*자동 줄바꿈 방지*/

twitter facebook me2day 요즘
2개(1/1페이지)
JS, HTML & CSS
번호 제목 글쓴이 조회 날짜
2 [CSS] 투명효과, alpha, 익스10, 파폭,크롬 모두 적용 관리자 5390 2013.08.05 11:40
>> [CSS] CSS 줄간격, 자간, 단어 간격 등 관리자 6954 2013.01.21 15:14
많이 본 글
댓글 많은 글