[CSS] 글꼴, 텍스트, 표 관련 속성

[CSS] 글꼴, 텍스트, 표 관련 속성

By i!kohong(아이코홍)

---

글꼴 관련 속성

---

속성명	설명	예시
font-family	글꼴의 종류를 지정한다. 상속이 되며 모든 태그에 적용이 가능하다.	font-family : 굴림체
font-style	글꼴의 스타일을 지정한다. 상속이 되며 모든 태그에 적용이 가능하다.	font-style : nomal | italic | oblique
font-variant	작은 대문자를 사용한다. 상속이 되며, 모든 태그에 적용이 가능하다.	font-variant : nomal | small-caps
font-weight	글꼴의 굵기를 지정한다. 상속이 되며, 모든 태그에 적용이 가능하다.	font-weight : 100~900 | nomal(400) | bolder | lighter | bold(700)
font-size	글꼴의 크기를 지정한다. 상속이 되며, 모든 태그에 적용이 가능하다.	font-size : xx-small | x-small | small | medium | large | x-large | xx-large | lager | smaller | px | pt | %
font	글꼴 관련된 속성을 한번에 지정한다.	font:12pt 굴림

---

텍스트 관련 속성

---

 

속성명	설명	예시
text-indent	들여쓰기를 지정. 상속이 되며 블록 단위로 적용이 가능하다.	text-indent:px | %
text-align	텍스트 정렬 방식을 지정. 상속이 되며 블록 단위로 적용이 가능하다.	text-align:left | right | center | justify
text-decoration	링크 등의 장식 효과를 지정한다. 상속이 안되며 모든 태그에 적용이 가능하다.	text-decoration:none | underline | overline | line-through, a:hover(mouseover), a:link(link), a:active(click), a:visited(visited)
line-height	줄의 간격을 지정한다. 상속이 되며 모든 태그에 적용이 가능하다.	line-height:nomal | px | 숫자 | %
letter-spacing	문자 사이의 간격을 지정한다. 상속이 되며 모든 태그에 적용이 가능하다.	letter-spacing:nomal | px | pt | cm
word-spacing	단어 사이의 간격을 지정한다. 상속이 되며 모든 태그에 적용이 가능하다.	word-spacing:nomal | px | pt | cm
text-transform	영문 대소문자를 지정한다. 상속이 되며 모든 태그에 적용이 가능하다.	text-transform:capitalize | uppercase | lowercase | none

---

목록 관련 속성

---

속성명	설명	예시
list-style-type	목록 앞에 표시되는 순번이나 이미지 표식을 지정한다. 상속이 되며 목록에 적용이 가능하다.	list-style-type:disc | cicle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-latin | upper-latin | hebrew | amenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | lower-greek | none
list-style-image	특정 이미지 파일로 목록의 이미지를 표시한다. 상속이 되어 목록에 적용이 가능하다.	list-style-image:이미지경로 | none
list-style-position	목록과 이미지의 괴리를 표시한다. 상속이 되며 목록에 적용이 가능하다.	list-style-position:inside | outside
list-style	목록 관련 속성을 한번에 지정한다.	list-style:lower-latin inside