본문 바로가기

'.' Programs/CSS

 (101)
Border - Color Border - Color 개요 : 이 속성은 요소의 테두리 색상을 지정하는 단축 속성이다. border-top-color, border-right-color , border-bottom-color, border-left-color 을 한꺼번에 지정할 수 있다. 정의 border - color 설명 값 | inherit 기본값 화면 표시 장치의 기본 스타일 참조 적용대상 위치된 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 색상 색상을 지정한다. transparent 투명색을 지정한다. 단 투명한 테두리도 크기를 지정할 수 있다. inherit 부모 요소의 값을 상속하도록 지정한다. 테두리의 색상을 별도로 지정하지 않으면, 글자 색상(color) 을 상속 받는다.
Border-Top Border-Top 개요 : 이 속성은 요소의 위쪽 테두리(border)에 크기, 색상, 스타일을 지정하는 단축 속성이다. 어떤 값도 필수적이지는 않지만, border-style 값을 생략하면 border-style 기본값이 none 이므로 아무런 테두리도 적용되지 않는다. 정의 border-top 설명 값 [ || || ] | inherit 기본값 개별 속성의 기본값 참조 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 border-width 크기를 지정한다. border-style 스타일을 지정한다. 색상 색상을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Border - Right Border-Right 개요 : 이 속성은 요소의 오른쪽 테두리(border)에 크기, 색상, 스타일을 지정하는 단축 속성이다. 어떤 값도 필수적이지는 않지만, border-style 값을 생략하면 border-style 기본값이 none 이므로 아무런 테두리도 적용되지 않는다. 정의 border-right 설명 값 [ || || ] | inherit 기본값 개별 속성의 기본값 참조 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 border-width 크기를 지정한다. border-style 스타일을 지정한다. 색상 색상을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Border-Bottom Border-Bottom 개요 : 이 속성은 요소의 아래쪽 테두리(border)에 크기, 색상, 스타일을 지정하는 단축 속성이다. 어떤 값도 필수적이지는 않지만, border-style 값을 생략하면 border-style 기본값이 none 이므로 아무런 테두리도 적용되지 않는다. 정의 border-bottom 설명 값 [ || || ] | inherit 기본값 개별 속성의 기본값 참조 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 border-width 크기를 지정한다. border-style 스타일을 지정한다. 색상 색상을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
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..

티스토리툴바