css 속성 모음
CSS 속성 모음 1편 입니다. 우리가 사용하고 있는 CSS를 속성을 모아서 정리했습니다.
Border (테두리 관련 속성)
| 속 성 | 설 명 | 값 |
|---|---|---|
| border | border의 여러 가지 속성을 간단하게 한번에 선언하여 사용할 수 있다. |
border-width border-style border-color border-bottom |
| border-bottom | border-bottom(아래쪽 테두리)의 여러가지 속성을 간단하게 한번에 선언할 수 있다. |
border-bottom-width border-style border-color |
| border-bottom-color | border-bottom의 색상을 설정할 수 있다. | border-color |
| border-bottom-style | border-bottom의 스타일을 설정할 수 있다. | border-style |
| border-bottom-width | border-bottom의 너비를 설정할 수 있다. | thin medium thick length |
| border-color | 상하좌우 모든 테두리의 색상을 1개에서 4개까지 한번에 설정할 수 있다. |
color |
| border-left | border-left(왼쪽테두리)의 여러가지 속성을 간단하게 한번에 선언하여 사용할 수 있다. |
border-left-width border-style border-color |
| border-left-color | border-left의 색상을 설정할 수 있다, | border-color |
| border-left-style | border-left의 스타일은 설정할 수 있다. | border-style |
| border-left-width | border-left의 너비를 설정할 수 있다. | thin medium trick lenght |
| border-right | border-right(오른쪽테두리)의 여러가지 속성을 간단하게 한번에 선언하여 사용할 수 있다. |
border-bottom-width bordrt-style border-color |
| border-right-color | border-right의 색상을 설정할 수 있다. | border-color |
| border-right-style | border-right의 스타일을 설정할 수 있다. | border-style |
| border-right-width | border-right의 너비를 설정할 수 있다. | thin medium thick length |
| border-style | 상하좌우 모든 테두리의 모양을 1개에서 4개까지 스타일을 한번에 설정할 수 있다. |
none hidden dotted dashed solid double groove ridge inset outset |
| border-top | border-top(위쪽테두리)의 여러가지 속성을 간단하게 한번에 선언하여 사용할 수 있다. |
berder-top-width border-style border-color |
| border-top-color | border-top의 색상을 설정할 수 있다. | border-color |
| border-top-style | border-top의 스타일을 설정할 수 있다. | border-style |
| border-top-width | border-top의 너비를 설정할 수 있다. | thin medium thick length |
| border-width | 상하좌우 모든 테두리의 너비를 한번에 설정할 수 있다. |
thin medium thick length |
Background (배경 이미지 관련 속성)
| 속 성 | 설 명 | 값 |
|---|---|---|
| background | background의 여러 가지 속성을 간단하게 한번에 선언하여 사용할수 있다. |
background-color background-images background-repeat background-attachment background-position |
| background-attachment | 페이지 스크롤을 할 때, 페이지와 함께 스크롤 되게 할 것인지 아니면 배경 이미지는 고정되게 할 것인지를 설정할 수 있다. |
scroll fixed |
| background-color | 특정 요소의 배경 색상을 지정할 수 있다. | color-rgb color-hex color-name transparent |
| background-images | 배경 이미지를 지정할 수 있다. | url(URL) none |
| background-position | 배경 이미지가 시작되는 위치를 조정할 수 있다. | top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos |
| background-repeat | 배경이미지를 반복할 것인지 하나만 보여줄 것인지 설정할 수 있다. 배경 이미지 반복 시 어느 방향으로 반복할 것인지도 설정할 수 있다. |
repeat repeat-x repeat-y no-repeat |
CLASSIFICATION 분류
| 속 성 | 설 명 | 값 |
|---|---|---|
| clear | 바로 이전의 요소에서 선언된 float 속성을 해제한다. |
left right both none |
| cursor | 마우스 포인터의 모양을 지정할 수 있다. | url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize s-resize w-resize text wait help |
| display | 요소를 보일 것인지, 감출 것인지를 지정할 수 있다. 요소를 보이게 할 경우 어떤 방식으로 보이게 할 것 인지 설정할 수 있다. |
none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption |
| float | 텍스트나 이미지 등의 요소를 흐르게 만들어, 인접해 있는 다른 요소와 함께 흐르게 만들수 있다. |
left right none |
| position | 요소를 어떤 방식으로 위치시킬 것인지 지정할 수 있다. |
static relative absolute fixed |
| visibility | 요소를 보이거나 감출 수 있다. | visible hidden collapse |
출저 :http://blog.naver.com/dmssla1211/145277046
'웹표준 > CSS' 카테고리의 다른 글
| 블록과 인라인의 속성 (0) | 2012/02/14 |
|---|---|
| css 속성 (0) | 2012/01/31 |
| CSS 속성 (0) | 2012/01/31 |
| Position 속성을 이용한 센터 정렬 (0) | 2012/01/25 |
댓글을 달아 주세요