본문 바로가기

분류 전체보기

 (239)
Background-Color Background-Color 개요 : 이 속성은 배경색을 지정한다. 배경색은 내용 영역과 패딩, 그리고 해당 요소의 테두리 영역까지 입혀진다. 정의 background-color 설명 값 | transparent | inherit 기본값 transparent 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 색상을 지정한다. transparent 투명한 색상을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : 배경색을 지정합니다. 접근성을 보장하려면 색상(color)과 함께 지정하세요. Result :
Background-Image Background-Image 개요 : 이 속성은 요소의 배경 이미지를 지정한다. 배경 이미지의 경로는 절대 경로와 상대 경로를 사용할 수 있다. 절대 경로 :(http://site.url)/path/image.gif - (http://site.url)은 생략 가능 상대 경로 : path/image.gif background-repeat 값에 따라 배경 이미지는 무한히 반복되거나, 어떤 한 축에 대해서 반복되거나, 또는 전혀 반복되지 않는다. 이러한 반복의 시작은 background-position 값으로 정한다. 정의 backgound-image 설명 값 | none | inherit 기본값 none 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 url 경로를 지정한다..
Background-Repeat Background-Repeat 개요 : 이 속성은 요소의 배경이미지가 반복되는 방향을 지정한다. 이러한 반복의 시작은 배경이미지 반복 값으로 정한다. 정의 정의 설명 값 repeat | repeat-x | repeat-y | no-repeat | inherit 기본값 repeat 적용대상 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 repeat 수평과 수직으로 반복된다. repeat-x 수평으로 반복된다. repeat-y 수직으로 반복된다. no-repeat 반복하지 않고 한개의 이미지만 나타난다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : 배경 이미지가 반복되지 않도록, 즉 한번만 출력되도록 지정합니다. Result : View Sourc..
Background-Position Background-Position 개요 : 이 속성은 요소의 배경 이미지의 시작 위치를 지정한다. 이 속성은 배경 이미지 반복이 시작되는 지점이나, 반복되지 않으면 이미지 자체의 위치를 나타낸다. 백분율 값은 그 요소 내부의 저점뿐만 아니라, 원래 이미지 자체의 동일한 지점도 정의한다. 정의 background-position 설명 값 | ] | [ [top | center | bottom] [left | center | right] | inherit 기본값 0% 0% 적용대상 블럭레벨과 대체된 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 '백분율(x축) 백분율(y축)' 쌍으로 수평(x축) 위치와 수직(y축) 위치를 지정한다. '길이(x축) 길이(y축)' 쌍으로 수평(x축) 위치와..
Background - Attachment Background - Attachment 개요 : 이 속성은 배경 이미지가 요소와 함께 스크롤될지 안될지 결정한다. 대부분 body에 적용한다. 정의 background-attachment 설명 값 scroll | fixed | inherit 기본값 scroll 적용대상 모든 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 scroll 스크롤하도록 지정한다. fixed 고정되도록 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Background Background 개요 : 이 속성은 배경과 관련된 모든 개별 속성(background-color, background-image, background-repeat, background-position, background-attachment) 을 한꺼번에 지정할 수 있는 단축 속성이다. 입력이 편해서 다른 배경 속성을 조합하는 것보다 이 속성을 사용하길 추천한다. 정의 background 설명 값 [ || || || || ] | inherit | inherit 기본값 화면표시 장치의 기본 스타일 참조 적용대상 모든 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 각 속성값을 참조 inherit 부모 요소의 값을 상속하도록 지정한다. View Source : 배경에 검정색을 지정하고, 배경 ..
Width Width 개요 : 이 속성은 요소의 넓이(가로 크기)를 지정한다. 블록레벨과 대체된 요소에게 지정할 수 있으나, 인라인 요소에게 지정할 수 없다. 정의 width 설명 값 | | auto | inherit 기본값 auto 적용대상 대체되지 않은 인라인 요소와 테이블 행/열 을 제외한 모든 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. inherit 부모 요소의 값을 상속하도록 지정한다. View Source : 본문의 가로 크기(넓이)를 300px로 지정합니다. 본문의 내용은 가로 크기에 맞게 자동으로 줄바꿈됩니다. Result :
Min-Width Min-Width 개요 : 이 속성은 요소의 최소 넓이(가로 크기)를 지정한다. 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. inherit 부모 요소의 값을 상속하도록 지정한다.

티스토리툴바