Untitled Document

속성값

1. 글꼴관련속성(2)

어제에 이어 글꼴 속성 두번째 시간입니다.

8) line-height

텍스트의 행 사이의 기준선의 간격을 설정
속성값:normal|numberlength|percentage

기본값은 normal로 보통 100~120% 정도에 해당된다. 숫자만을 사용하면 현재 글꼴 크기에 숫자를 곱한 값을 사용한다. 길이단위와 퍼센트 값도 사용할 수 있다. 음수는 허용되지 않는다.

P{line-height:120%}

9) word-spacing (MSIE 5.5 이상 버전에서만 지원)

이 길이 단위는 단어 간격의 디폴트 공간에 추가하여 단어 간격의 공간을 지정한다.
속성값:normal|length

H1 { word-spacing: 1em }

10) letter-spacing

글자간의 간격을 지정해주는 속성이다. 익스플로러에서만 가능, 음수도 가능
속성값: normal | length

 

11) text-decoration

문자열을 장식하는데 사용한다.
속성값: none|underline|overline|line-through|blink

A:link{text-decoration:none}
A:active{text-decoration:none}
A:visited{text-decoration:none}

이경우 링크된 곳에 밑줄이 하나도 안 생깁니다.

12) vertical-align

요소의 수직 정렬에 관련한 속성이다.
속성값: baseline|bottom|middlesub
supertext-bottomtext-toptoppercentage

Baseline: 기본값
bottom: 같은 행에서 가장 아래쪽에 표시된 요소의 아래쪽을 기준으로 정렬
middle: 기준선
sub: 요소를 아래첨자로 표시
super: 요소를 윗첨자로 표시
text-bottom: 부모요소의 아래쪽에 해당 요소의 아래쪽을 정렬한다
text-top: 부모요소의 위쪽에 해당요소의 위쪽을 정렬
top: 같은 행에서 가장 위쪽에 표시된 요소의 위쪽을 기준으로 정렬

13) text-transform

텍스트를 변환시켜줌. 글자를 대문자나 소문자로 변화시켜줌. 한글에는 필요 없다.
속성값: nonecapitalizelowercaseuppercase

h1.title{text-transform:capitalize}

none: HTML에 입력된 대로 요소를 표시하고 상속값을 적용하지 않는다.
capitalize: 단어의 첫문자를 대문자로바꿈
lowercase: 모든 문자를 소문자로 바꿈
uppercase: 모든 문자를 대문자로 바꿈

14) text-align

텍스트의 수평정렬에 영향을 미치는 속성
속성값: centerjustify(양끝정렬)|leftright

p{text-align:center}

15) text-indent

속성값: length|percentage
문단의 첫줄의 들여쓰기 정도를 지정한다.

p{text-indent:3em}

<이전   목록   다음>

Copyright ⓒ2001∼2003, alza.wo.to All Rights Reserved.