본문 바로가기

'.' Programs/CSS

(101)
List - Style - Position List - Style - Position 개요 : 이 속성은 목록의 항목(list item) 요소에 부여할 불릿이나 번호 등 표시자(marker) 이미지를 지정한다. 정의 list - style - image 설명 값 url | none | inherit 기본값 outside 적용대상 항목(list item) 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 outside 표시자를 항목(list-item) 밖에 위치하도록 지정한다. inside 표시자를 항목(list-item) 안에 위치하도록 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Insert title here list-style-position: outside; 마커가 list항목의 ..
List - Style List - Style 개요 : 이 속성은 목록의 항목(list item)에 list-style-type, list-style-position, list-style-image 을 한꺼번에 지정할 수 있는 단축 속성이다. 정의 list-style 설명 값 [ || || ] | inherit 기본값 개별 속성의 기본값 참조 적용대상 항목(list item)요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 개별 속성의 값을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Table - Layout Table - Layout 개요 : 이 속성은 테이블 셀(cell), 행(row), 열(column)요소의 배치를 지정한다. 정의 table-layout 설명 값 auto | fiexed | inherit 기본값 auto 적용대상 테이블(table) 요소와 인라인 테이블(inline-table) 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 fixed 고정되도록 지정한다. auto 자동으로 계산되도록 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Border-Collapse Border-Collapse 개요 : 이 속성은 테이블 셀(cell) 요소의 테두리 겹침을 지정한다. 정의 border-collapse 설명 값 collapse | separate | inherit 기본값 collapse 적용대상 테이블(table) 요소와 인라인 테이블(inline table)요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 collapse 겹치도록 지정한다. separate 분리되도록 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Insert title here border-collapse컬럼들 좌우 및 상하 테두리 합치기(간격 없애기), border-spacing와 비교 참조 컬럼들 좌우 간격 0 px 컬럼들 상하 간격 0 p..
Border - Spacing Border - Spacing 개요 : 이 속성은 테이블 셀(cell) 요소의 테두리 간격을 지정한다. 정의 border-spacing 설명 값 ? | inherit 기본값 0 적용대상 테이블(table) 요소와 인라인 테이블(inline table) 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 크기를 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. 는 인접한 셀의 테두리와의 간격을 지정한다. 두개의 를 지정하면, 각각 수평(x축)과 수직(y축)의 간격을 지정한다. 한개의 를 지정하면, 수평(x축)과 수직(y축)의 간격을 같게 지정한다. 테이블의 줄(row), 컬럼(column), 줄 그룹(row group), 컬럼 그룹(column group)은 테두리를 지정할 수 ..
Empty - Cells Empty - Cells 개요 : 이 속성은 내용이 없는 테이블 셀(cell) 요소의 테두리를 보일지, 숨길지 지정한다. 정의 empty-cells 설명 값 show | hide | inherit 기본값 show 적용대상 테이블 셀(table-cell) 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 show 보이도록 지정한다. hide 숨기도록 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Caption-Side Caption-Side 개요 : 이 속성은 요소 테이블 제목(caption)의 위치를 테이블을 기준으로 상대적으로 지정한다. 정의 caption-side 설명 값 top | bottom | left | right | inherit 기본값 top 적용대상 테이블 제목(table-caption) 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 top 테이블 위쪽에 위치하도록 지정한다. right 테이블 오른쪽에 위치하도록 지정한다. bottom 테이블 아래쪽에 위치하도록 지정한다. left 테이블 위쪽에 위치하도록 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Content Content 개요 : 이 속성은 요소의 앞(:before)과 뒤(:after)에 생성할 내용을 지정한다. 정의 content 설명 값 [ | | | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit 기본값 빈 문자열 적용대상 :before , :after 가상 요소 상속 안됨 백분율 사용 불가 미디어 all? 값 값 설명 문자열 글자를 지정한다. uri 외부 경로를 지정한다. counter 자동으로 번호를 추가하도록 지정한다. open-quote 인용 부호의 시작 부호를 지정한다. (예: ",') close-quote 인용 부호의 종료 부호를 지정한다. (예: ",') no-open-quote 인용 부호의 시..