본문 바로가기

분류 전체보기

 (239)
Border - Left Border-Left 개요 : 이 속성은 요소의 왼쪽 테두리(border)에 크기, 색상, 스타일을 지정하는 단축 속성이다. 어떤 값도 필수적이지는 않지만, border-style 값을 생략하면 border-style 기본값이 none 이므로 아무런 테두리도 적용되지 않는다. 정의 border-left 설명 값 [ || || ] | inherit 기본값 개별 속성의 기본값 참조 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 border-width 크기를 지정한다. border-style 스타일을 지정한다. 색상 색상을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Border Border 개요 : 이 속성은 요소의 테두리(border)에 크기, 색상, 스타일을 동일하게 지정하는 단축 속성이다. border-top , border-right, border-bottom , border-left 속성을 이용하면, 각 방향의 테두리에 크기나 색상 및 스타일을 다르게 지정할 수 있다. 어떤 값도 필수적이지는 않지만, border-style 값을 생략하면 , border-style 기본값이 none 이므로 아무런 테두리도 적용되지 않는다. 정의 border 설명 값 [ || || ] | inherit 기본값 개별 속성의 기본값 참조 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 border-width 크기를 지정한다. border-style 스타일을 지..
list-style-type list-style-type 개요 : 이 속성은 목록의 항목(list item) 요소에 부여할 불릿이나 번호 등 표시자(marker)의 형식을 지정한다. 값 값 설명 disc 원형 불릿을 지정한다. UA에 의존하며 보통 속이 찬 원형으로 표현됨. circle 원형 불릿을 지정한다. UA에 의존하며 보통 속이 빈 원형으로 표현됨. square 사각형 불릿을 지정한다. UA에 의존하며 보통 속이 찬 사각형으로 표현됨. decimal 1부터 시작하는 십진수를 지정한다. decimal-leading-zero 0이 추가되는 십진수를 지정한다. (예: 01,...99) lower-roman 소문자 로만형 숫자를 지정한다. (예: i, ii, iii, iv, v, ...) upper-roman 대문자 로만형 숫자를 ..
List - Style - Image List - Style - Image 개요 : 이 속성은 목록의 항목(list item) 요소에 부여할 불릿이나 번호 등 표시자(marker) 이미지를 지정한다. 정의 list - style - image 설명 값 url | none | inherit 기본값 disc 적용대상 항목(list item) 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 표시자(marker) 이미지의 경로를 지정한다. none 표시자 이미지를 지정하지 않는다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : Insert title here list-style-image은 list의 왼쪽 이미지처럼 list-style로 image를 사용하며, stylesheet에서 list-styl..
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..

티스토리툴바