728x90
- 목록 관련 속성
속성 설명 속성값 list-style-type 목록 표시 마크 지정 none, disc, circle, squaredecimal,
lower-roman, upper-roman, lower-alpha, upper-alphalist-style-image 목록 표시 마크를 이미지로 지정 none, url(“그림 파일명”) list-style-position 목록 표시 마크의 시작 위치 outside, inside list-style 일괄 지정 순서 상관없이 관련 속성의 값을 나열 - 박스 관련 속성
구분 속성 설명 속성값 박스
테두리border-width 굵기 수치, thin, medium, thick border-color 색상 색상명, RGB혼합비, 시스템 색 border-style 스타일 none, hidden, dotted, dashed, solid,
double, groove, ridge, outset, insetborder 일괄 지정 각 속성의 값을 나열 박스 테두리와 외부 다른 요소와의 간격 margin 일괄 지정 수치, % margin-top,
margin-right,
margin-bottom,
margin-left상, 우, 하, 좌의
각 방향에 대한 속성수치, % 박스 테두리와 박스 안의 내용 사이의 간격 padding 일괄 지정 수치, % padding-top,
padding-right,
padding-bottom,
padding-left상, 우, 하, 좌의
각 방향에 대한 속성수치, % - 기타 속성
구분 속성 설명 속성값 하이퍼링크 스타일을 위한 <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,
'my_lesson > _CSS3' 카테고리의 다른 글
CSS TEXT attribute [spacing,height,align,indent,decoration, transform] (0) | 2015.04.16 |
---|---|
CSS FONT attribute[family,size,style,weight,variant,color] (0) | 2015.04.16 |
CSS font, text, background (0) | 2015.04.09 |
CSS Margin attribute[top, left, bottom, right] (0) | 2015.03.24 |
CSS Float & Clear attribute[none, right, left, both] (0) | 2015.03.23 |
댓글