본문 바로가기
my_lesson/_CSS3

CSS list, padding, border, margin, a, position,curser

by boolean 2015. 4. 9.
728x90
  1. 목록 관련 속성
    속성 설명 속성값
    list-style-type 목록 표시 마크 지정 none, disc, circle, squaredecimal,
    lower-roman, upper-roman, lower-alpha, upper-alpha
    list-style-image 목록 표시 마크를 이미지로 지정 none, url(“그림 파일명”)
    list-style-position 목록 표시 마크의 시작 위치 outside, inside
    list-style 일괄 지정 순서 상관없이 관련 속성의 값을 나열
  2. 박스 관련 속성
    구분 속성 설명 속성값
    박스
    테두리
    border-width 굵기 수치, thin, medium, thick
    border-color 색상 색상명, RGB혼합비, 시스템 색
    border-style 스타일 none, hidden, dotted, dashed, solid,
    double, groove, ridge, outset, inset
    border 일괄 지정 각 속성의 값을 나열
    박스 테두리와 외부 다른 요소와의 간격 margin 일괄 지정 수치, %
    margin-top,
    margin-right,
    margin-bottom,
    margin-left
    상, 우, 하, 좌의
    각 방향에 대한 속성
    수치, %
    박스 테두리와 박스 안의 내용 사이의 간격 padding 일괄 지정 수치, %
    padding-top,
    padding-right,
    padding-bottom,
    padding-left
    상, 우, 하, 좌의
    각 방향에 대한 속성
    수치, %
  3. 기타 속성
    구분 속성 설명 속성값
    하이퍼링크 스타일을 위한 <a>의 선택자 a:link 클릭하지 않은 링크의 스타일 설정을 위한 선택자
    a:visited 방문한 적이 있는 링크의 스타일 설정을 위한 선택자
    a:active 링크를 클릭하는 순간의 스타일 설정을 위한 선택자
    a:hover 마우스를 링크 위에 올려놓았을 때의 스타일을 설정
    표 스타일 table-layout 셀 내용에 따른 셀 크기의 변화 여부 auto, fixed
    border-collapse 테이블 외곽선과 셀 테두리 선의 표시 방법 separate, collapse
    범위 지정 width 영역의 폭 수치, %
    height 영역의 높이 수치, %
    위치 지정 position 내용을 원하는 위치에 배치 static, relative, absolute
    left 내용이 위치할 x좌표 수치, %
    top 내용을 위치할 y좌표 수치, %
    z-index 내용이 겹쳐지는 순서 정수
    커서 모양 지정 cursor 마우스 커서 모양 변경 default, auto, crosshair, pointer, move, help, wait, 


댓글