| 속성 |
설명 |
| align-content |
|
| align-items |
|
| align-self |
|
| all |
|
| animation |
animation 속성은 애니메이션을 정의합니다. |
| animation-delay |
요소가 로드된 후 애니메이션이 시작될 때 까지의 시간을 나타냅니다. |
| animation-direction |
애니메이션 움직임 방향을 설정합니다. |
| animation-duration |
애니메이션 움직임 시간을 설정합니다. |
| animation-fill-mode |
애니메이션이 끝난 후의 상태를 설정합니다. |
| animation-iteration-count |
애니메이션 반복 횟수 설정합니다. |
| animation-name |
애니메이션 keyframe 이름을 설정합니다. |
| animation-play-state |
애니메이션 진행상태를 설정합니다. |
| animation-timing-function |
애니메이션 움직임의 속도를 설정합니다. |
| backface-visibility |
|
| background |
백그라운드 속성을 일괄적으로 설정합니다. |
| background-attachment |
배경 이미지의 고정 여부를 설정합니다. |
| background-blend-mode |
배경을 혼합했을 때의 상태를 설정합니다. |
| background-clip |
백그라운드 이미지의 위치 기준점을 설정합니다. |
| background-color
| 백그라운드 색을 설정합니다. |
| background-image |
백그라운드 이미지 및 배경 속성을 설정합니다. |
| background-origin |
백그라운드 이미지의 위치 기준점을 설정합니다. |
| background-position |
백그라운드 이미지의 위치 영역을 설정합니다. |
| background-repeat |
백그라운드 이미지 반복 여부를 설정합니다 |
| background-size |
백그라운드 이미지 사이즈를 설정합니다. |
| border |
테두리 속성을 일괄적으로 설정합니다. |
| border-bottom |
속성은 테두리 아래쪽 속성을 일괄적으로 설정합니다. |
| border-bottom-color |
아래쪽 테두리 색 속성을 설정합니다. |
| border-bottom-left-radius |
아래부분 왼쪽 모서리 굴곡을 설정합니다. |
| border-bottom-right-radius |
아래부분 오른쪽 모서리 굴곡을 설정합니다. |
| border-bottom-style |
아래쪽 테두리 스타일 속성을 설정합니다. |
| border-bottom-width |
아래쪽 테두리 두께 속성을 설정합니다. |
| border-collapse |
테이블의 테두리 분리 여부를 설정합니다. |
| border-color |
테두리 색을 설정합니다. |
| border-image |
|
| border-image-outset |
|
| border-image-repeat |
|
| border-image-slice |
|
| border-image-source |
|
| border-image-width |
|
| border-left |
테두리 왼쪽 속성을 일괄적으로 설정합니다. |
| border-left-color |
|
| border-left-style |
|
| border-left-width |
|
| border-radius |
속성은 모서리 굴곡을 설정합니다. |
| border-right |
테두리 오른쪽 속성을 일괄적으로 설정합니다. |
| border-right-color |
|
| border-right-style |
|
| border-right-width |
|
| border-spacing |
|
| border-style |
테두리 스타일 속성을 설정합니다. |
| border-top |
속성은 테두리 위쪽 속성을 일괄적으로 설정합니다. |
| border-top-color |
속성은 테두리 위쪽 색 속성을 설정합니다. |
| border-top-left-radius |
|
| border-top-right-radius |
|
| border-top-style |
|
| border-top-width |
테두리 위쪽 두께 속성을 설정합니다. |
| border-width |
테두리 두께 속성을 설정합니다. |
| bottom |
위치 요소의 아래쪽 속성을 설정합니다. |
| box-decoration-break |
|
| box-shadow |
|
| box-sizing |
요소 크기에 패딩 포함 여부를 설정합니다. |
| caption-side |
|
| caret-color |
|
| clear |
|
| clip |
|
| color |
글씨 색을 설정합니다. |
| column-count |
|
| column-fill |
|
| column-gap |
|
| column-rule |
|
| column-rule-color |
|
| column-rule-style |
|
| column-rule-width |
|
| column-span |
|
| column-width |
|
| columns |
|
| content |
콘텐츠 내용을 설정합니다. |
| counter-increment |
|
| counter-reset |
|
| cursor |
|
| direction |
|
| display |
요소의 성질을 정의합니다. |
| empty-cells |
|
| filter |
|
| flex |
콘텐츠의 성질을 flex로 정의합니다. |
| flex-basis |
|
| flex-direction |
요소의 정렬 방향을 정의합니다. |
| flex-flow |
|
| flex-grow |
|
| flex-shrink |
|
| flex-wrap |
요소의 줄 속성을 설정합니다. |
| float |
블록요소의 정렬 상태를 설정합니다. |
| font |
폰트에 관한 설정을 정의합니다. |
| font-family |
폰트 종류를 설정합니다. |
| font-size |
폰트 사이즈를 설정합니다. |
| font-size-adjust |
|
| font-stretch |
|
| font-style |
폰트 스타일 속성을 설정합니다. |
| font-variant |
|
| font-weight |
속성은 폰트의 두께를 정의합니다. |
| grid |
|
| grid-area |
|
| grid-auto-columns |
|
| grid-auto-flow |
|
| grid-auto-rows |
|
| grid-column |
|
| grid-column-end |
|
| grid-column-gap |
|
| grid-column-start |
|
| grid-gap |
|
| grid-row |
|
| grid-row-end |
|
| grid-row-gap |
|
| grid-row-start |
|
| grid-template |
|
| grid-template-areas |
|
| grid-template-columns |
|
| grid-template-rows |
|
| hanging-punctuation |
|
| height |
속성은 콘텐츠 요소의 세로값을 설정합니다. |
| hyphens |
|
| isolation |
|
| justify-content |
|
| left |
속성은 위치 요소의 왼쪽 속성을 설정합니다. |
| letter-spacing |
글자 사이의 간격을 설정합니다. |
| line-height |
문장과 문장 사이의 간격을 설정합니다. |
| list-style |
목록 스타일 속성을 설정합니다. |
| list-style-image |
|
| list-style-position |
|
| list-style-type |
|
| margin |
요소의 바같쪽 여백을 설정합니다. |
| margin-bottom |
요소의 아래쪽 바깥 여백을 설정합니다. |
| margin-left |
속성은 요소의 왼쪽 바깥 여백을 설정합니다. |
| margin-right |
속성은 요소의 아래쪽 바깥 여백을 설정합니다. |
| margin-top |
요소의 위쪽 바깥쪽 여백을 설정합니다. |
| max-height |
요소의 최대 세로값을 설정합니다. |
| max-width |
요소의 최대 가로 값을 설정합니다. |
| min-height |
|
| min-width |
요소의 최소 가로 값을 설정합니다. |
| mix-blend-mode |
|
| object-fit |
|
| object-position |
|
| opacity |
|
| order |
|
| outline |
|
| outline-color |
|
| outline-offset |
|
| outline-style |
|
| outline-width |
|
| overflow |
지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| overflow-x |
X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| overflow-y |
Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| padding |
요소의 안쪽 여백을 설정합니다. |
| padding-bottom |
요소의 아래쪽 여백을 설정합니다. |
| padding-left |
요소의 왼쪽 여백을 설정합니다. |
| padding-right |
요소의 오른쪽 여백을 설정합니다. |
| padding-top |
요소의 위쪽 여백을 설정합니다. |
| page-break-after |
|
| page-break-before |
|
| page-break-inside |
|
| perspective |
|
| perspective-origin |
|
| pointer-events |
|
| position |
요소의 위치를 설정합니다. |
| quotes |
|
| resize |
|
| right |
|
| tab-size |
|
| table-layout |
|
| text-align |
|
| text-align-last |
|
| text-decoration |
속성은 글자 라인 속성을 설정합니다. |
| text-decoration-color |
|
| text-decoration-line |
|
| text-decoration-style |
|
| text-indent |
|
| text-justify |
|
| text-overflow |
|
| text-shadow |
|
| text-transform |
|
| top |
속성은 위치 요소의 위쪽 속성을 설정합니다. |
| transform |
|
| transform-origin |
|
| transform-style |
|
| transition |
|
| transition-delay |
|
| transition-duration |
|
| transition-property |
|
| transition-timing-function |
|
| unicode-bidi |
|
| user-select |
|
| vertical-align |
|
| visibility |
|
| white-space |
줄바꿈, 공백, 줄 속성을 설정합니다. |
| width |
요소의 가로 값을 정의합니다. |
| word-break |
줄바꿈 속성을 설정합니다. |
| word-spacing |
|
| word-wrap |
|
| z-index |
|