반응형
color : 전경색(Foreground Color)
background-color : 배경색
font-size : 글자크기, pt 단위 또는 px 단위, 9pt, 11px
font-family : 글꼴, Verdana, '맑은 고딕'
font-family : "Malgun Gothic", verdana;
font-weight:bold; : 볼드체
font-style:italic; : 이탤릭체
text-decoration : 밑줄관련
none, underline, overline, line-through
width : 가로길이, % 단위 또는 px 단위
height : 세로길이
padding : 안쪽 여백
margine : 바깥쪽 여백
text-align : 수평 정렬
left, center, right
vertical-align : 수직 정렬
top, middle, bottom
line-height : 줄 간격, 120%~150%
letter-spacing : 글자 간격, 0.5em 단위
word-spacing : 단어 간격
text-transform : 대소문자구분
uppercase, lowercase, capitalize
text-indent : 들여쓰기
white-space : pre 또는 nobr 처리
border : 테두리(외곽선)
background-image:url(); : 배경 이미지(절대경로/상대경로)
background-repeat : 배경 이미지 배치 여부(repeat, no-repeat, ... )
background-position : 배치 상태(left bottom)
background-attachment : 스크롤여부(scroll, fixed)
a:link : 기본 링크
a:visited : 방문 링크
a:active : 활성 링크
a:hover : 오버 링크
cusor : 마우스 커서 모양 정의
scrollbar-XXX : 스크롤바 모양 정의(IE전용)
float : 배치 설정(float:left;)
clear : 배치 해제(clear:both;)
list-style-type : 리스트 모양
list-style-position : 들여쓰기 여부
list-style-image : 불릿 기호 이미지
position:absolute; : 레이어 위치
z-index:1; : 레이어 순서
left:150px; : 레이어 X좌표
top:150px; : 레이어 Y좌표
overflow:hidden; : 레이어안의 데이터 배치(scroll, hidden)
visibility:hidden; : 레이어 보이기/숨기기
display:none; : 레이어 영역 없애기/남기기
background-color : 배경색
font-size : 글자크기, pt 단위 또는 px 단위, 9pt, 11px
font-family : 글꼴, Verdana, '맑은 고딕'
font-family : "Malgun Gothic", verdana;
font-weight:bold; : 볼드체
font-style:italic; : 이탤릭체
text-decoration : 밑줄관련
none, underline, overline, line-through
width : 가로길이, % 단위 또는 px 단위
height : 세로길이
padding : 안쪽 여백
margine : 바깥쪽 여백
text-align : 수평 정렬
left, center, right
vertical-align : 수직 정렬
top, middle, bottom
line-height : 줄 간격, 120%~150%
letter-spacing : 글자 간격, 0.5em 단위
word-spacing : 단어 간격
text-transform : 대소문자구분
uppercase, lowercase, capitalize
text-indent : 들여쓰기
white-space : pre 또는 nobr 처리
border : 테두리(외곽선)
background-image:url(); : 배경 이미지(절대경로/상대경로)
background-repeat : 배경 이미지 배치 여부(repeat, no-repeat, ... )
background-position : 배치 상태(left bottom)
background-attachment : 스크롤여부(scroll, fixed)
a:link : 기본 링크
a:visited : 방문 링크
a:active : 활성 링크
a:hover : 오버 링크
cusor : 마우스 커서 모양 정의
scrollbar-XXX : 스크롤바 모양 정의(IE전용)
float : 배치 설정(float:left;)
clear : 배치 해제(clear:both;)
list-style-type : 리스트 모양
list-style-position : 들여쓰기 여부
list-style-image : 불릿 기호 이미지
position:absolute; : 레이어 위치
z-index:1; : 레이어 순서
left:150px; : 레이어 X좌표
top:150px; : 레이어 Y좌표
overflow:hidden; : 레이어안의 데이터 배치(scroll, hidden)
visibility:hidden; : 레이어 보이기/숨기기
display:none; : 레이어 영역 없애기/남기기
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
02.JavaScript - 자바스크립트 입력 (0) | 2009.07.30 |
---|---|
01.JavaScript - 자바스크립트 시작 (0) | 2009.07.30 |
23.CSS - 레이어 (0) | 2009.07.30 |
22.CSS - Div태그로 레이아웃 설정 (0) | 2009.07.30 |
21.CSS - 이미지관련 스타일 (0) | 2009.07.30 |
Comments