<FONT 속성>
font : font에 관한 모든 속성들을 결정한다.
font-family : font family 이름 리스트 또는 generic 폰트. (cursive, fantasy 등)
font-style : Normal, italic, oblique 등
font-size : 절대크기(small, medium, large등)와 상대크기(larger, smaller등), 수(pt), 퍼센트(%)등을 사용.
font-weight : Normal, bold, lighter 또는 9개의 수(100, 200, 300, ... , 900)중 하나를 사용.
<HTML 속성>
color : 요소의 텍스트 색 또는 전경색을 결정한다. (#FFFFFF 또는 black)
background : 배경에 관한 모든 속성들을 결정한다.
background-color : 요소의 배경색을 결정한다.
background-image : 배경 이미지를 결정한다. (URL)
background-repeat : 이미지를 페이지의 수평과 수직으로 반복할 내용을 결정 (repeat-x:수평반복, repeat-y:수직반복, repeat:양쪽반복)
background-attachment : 페이지의 나머지 부분을 기준으로 요소의 행동을 결정한다. (scroll : 나머지 내용을 스크롤할 때 함께 스크롤한다. fixed : 스크롤하지 않는다.)
background-position : 요소의 배경 이미지를 지정한 뒤 이것을 사용해서 그 요소내 이미지의 시작 위치를 지정할 수 있다. top, center, bottom등을 조합하여 사용 가능하다.
<TEXT 속성>
word-spacing : 단어 사이의 거리를 늘리거나 줄인다.
letter-spacing : 문자간의 거리를 늘리거나 줄인다.
text-decoration : 요소 텍스트에 장식을 추가한다. (underline, overline, line-through, blink등 여러 개 동시 사용가능.)
text-transform : 텍스트를 변형시킨다. (capitalize:첫문자만 대문자로, uppercase, lowercase)
text-indent : 텍스트 라인의 들여 쓰기를 한다. (%, 길이)
text-align : 요소 내 텍스트를 정돈한다.(left, right, center, justify)
vertical-align : 요소의 수직 배치를 결정한다. (baseline, wub, super, top, text-top, middle,
bottom, text-bottom, 요소 높이의 퍼센트를 사용할 수 있다.)
line-height : 텍스트 라인의 baseline간 거리를 결정한다. (수, %)
<BOX 속성>
margin : 박스내 지정된 공간을 확보.
margin-top : 박스의 위에서부터의 공간을 확보. (수, %)
margin-right : 박스의 오른쪽부터의 공간을 확보. (수, %)
margin-left : 박스의 왼쪽부터의 공간을 확보. (수, %)
margin-bottom : 박스의 밑에서부터의 공간을 확보. (수, %)
padding : margin의 속성과 동일하다.
border : 박스의 모든 부분을 정의한다.
border-width : 박스의 경계의 두께를 결정한다.
border-top-width : 박스의 경계의 위 부분의 두께를 결정한다.
border-right-width : 박스의 경계의 오른쪽의 두께를 결정한다.
border-bottom-width : 박스의 경계의 밑 부분의 두께를 결정한다.
border-left-width : 박스의 경계의 왼쪽의 두께를 결정한다.
border-color : 박스의 경계의 색을 결정한다. (색이름 또는 코드)
border-style : 박스의 경계의 모양을 결정한다. (dotted, dashed, solid, double, groove, ridge, inset, outset, none)
border-left : 왼쪽 부분의 폭, 색, 스타일의 내용을 결정할 수 있다.
border-top : 위 부분의 폭, 색, 스타일의 내용을 결정할 수 있다.
border-right : 오른쪽 부분의 폭, 색, 스타일의 내용을 결정할 수 있다.
border-bottom : 아랫부분의 폭, 색, 스타일의 내용을 결정할 수 있다.
width : 박스의 내부 폭을 결정한다. (수, %)
height : 박스의 내부 높이를 결정한다. (수, %)
http://www.w3.org/tr/css21
'Web(웹) Study > HTML & CSS' 카테고리의 다른 글
| 웹 색상표 (0) | 2007.11.03 |
|---|---|
| 테이블 테두리 (0) | 2007.11.03 |
| css 테두리관련 스타일 (0) | 2007.11.03 |
| border-collapse: collapse (0) | 2007.11.03 |
| textarea (0) | 2007.11.03 |