| 8) line-height |
|
텍스트의 행 사이의 기준선의 간격을 설정
속성값:normal｜number｜length｜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｜middle｜sub｜super｜text-bottom｜text-top｜top｜percentage
Baseline: 기본값
bottom: 같은 행에서 가장 아래쪽에 표시된
요소의 아래쪽을 기준으로 정렬
middle: 기준선
sub: 요소를 아래첨자로 표시
super: 요소를 윗첨자로 표시
text-bottom: 부모요소의 아래쪽에 해당 요소의 아래쪽을
정렬한다
text-top: 부모요소의 위쪽에 해당요소의 위쪽을 정렬
top: 같은 행에서 가장 위쪽에
표시된 요소의 위쪽을 기준으로 정렬 |
| 13)
text-transform |
|
텍스트를 변환시켜줌. 글자를 대문자나 소문자로 변화시켜줌. 한글에는 필요 없다.
속성값: none｜capitalize｜lowercase｜uppercase
h1.title{text-transform:capitalize}
none: HTML에 입력된 대로 요소를 표시하고 상속값을 적용하지
않는다.
capitalize: 단어의 첫문자를 대문자로바꿈
lowercase: 모든 문자를 소문자로
바꿈
uppercase: 모든 문자를 대문자로 바꿈 |
| 14) text-align |
|
텍스트의 수평정렬에 영향을 미치는 속성
속성값: center｜justify(양끝정렬)｜left｜right
p{text-align:center}
|
| 15) text-indent |
|
속성값: length｜percentage
문단의 첫줄의 들여쓰기 정도를
지정한다.
p{text-indent:3em}
<이전
목록
다음> |
