jQuery | javascript | CSS

24.CSS - 속성정리

Godffs 2009. 7. 30. 03:32
반응형
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; : 레이어 영역 없애기/남기기
반응형