| align-content |
콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. |
| align-items |
콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. |
| align-self |
개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. |
| all |
|
| animation |
애니메이션과 관련된 속성을 일괄적으로 설정합니다. |
| animation-delay |
애니메이션 지연 시간을 설정합니다. |
| animation-direction |
애니메이션 움직임 방향을 설정합니다. |
| animation-duration |
니메이션 움직임 시간을 설정합니다. |
| animation-fill-mode |
|
| animation-iteration-count |
|
| animation-name |
|
| 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 |
float 요소의 성질을 제거합니다. |
| clip |
|
| color |
요소의 글씨 및 글씨 장식의 전경색과 currentcolor 의 값을 설정합니다. currentcolor는 다른 속성에서 사용할 수 있는 간접적인 값이며, border-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-style, font-variant, font-weight, font-size, line-height, font-family의 단축 속성입니다. 요소의 글꼴을 시스템 폰트로 설정할 수도 있습니다. |
| font-family |
폰트 종류를 설정합니다. |
| font-size |
폰트의 크기(대문자 "M"의 크기)를 지정합니다. 폰트 크기를 바꾸면 em 과 ex <length> 단위로 계산된 다른 항목들의 크기를 바꿉니다. |
| font-size-adjust |
|
| font-stretch |
|
| font-style |
글자 모양을 정하고 기울임 여부를 정합니다. |
| font-variant |
글꼴의 변형을 정의합니다. |
| font-weight |
폰트의 두께를 정의합니다. |
| grid |
가로 컬럼의 크기와 위치 설정합니다. |
| grid-area |
그리드 항목의 크기와 위치를 지정하고 그리드 영역의 모서리를 지정합니다. |
| grid-auto-columns |
그리드 자동 열 CSS 속성은 암시적으로 작성된 그리드 열 트랙의 크기 또는 트랙 패턴을 지정합니다. |
| grid-auto-flow |
그리드 자동 흐름 CSS 속성은 자동 배치 알고리즘의 작동 방식을 제어하여 자동 배치 항목이 그리드로 유입되는 정확한 방법을 지정합니다. |
| grid-auto-rows |
그리드 자동 행 CSS 속성은 암시적으로 작성된 그리드 행 트랙의 크기 또는 트랙 패턴을 지정합니다. |
| grid-column |
grid-column-start와 grid-column-end 속성을 같이 사용합니다. |
| grid-column-end |
그리드 아이템의 열 끝 위치를 지정합니다. |
| grid-column-gap |
열과 열 사이의 간격(Line)을 정의합니다. |
| 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 |
요소의 높이를 지정합니다. 기본값은 콘텐츠 영역의 높이지만, box-sizing이 border-box라면 테두리 영역의 높이를 설정합니다.
|
| hyphens |
|
| isolation |
|
| justify-content |
콘텐츠의 좌우 관계 정렬 상태를 정의합니다. |
| left |
위치 요소의 왼쪽 속성을 설정합니다. |
| letter-spacing |
글자 사이의 간격을 지정합니다. |
| line-height |
문장과 문장 사이의 간격을 설정합니다. |
| list-style |
항목 모양의 종류, 위치, 항목에 넣을 이미지를 한꺼번에 지정할 수 있습니다. |
| list-style-image |
목록 마커의 이미지를 설정합니다. |
| list-style-position |
목록 마커의 위치 속성을 설정합니다. |
| list-style-type |
목록 마커의 유형을 설정합니다. |
| margin |
요소의 네 방향 바깥 여백 영역을 설정합니다. |
| margin-bottom |
요소의 아래쪽에 바깥 여백 영역(margin area)을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다. |
| margin-left |
요소의 왼쪽에 바깥 여백 영역(margin area)을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다. |
| margin-right |
요소의 오른쪽에 바깥 여백 영역(margin area)을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다. |
| margin-top |
요소의 위쪽에 바깥 여백 영역(margin area)을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다. |
| max-height |
요소의 최대 세로값을 설정합니다. |
| max-width |
요소의 최대 가로 값을 설정합니다. |
| min-height |
요소의 최소 세로 값을 설정합니다. |
| min-width |
요소의 최소 가로 값을 설정합니다. |
| mix-blend-mode |
|
| object-fit |
|
| object-position |
태그의 위치를 정의합니다. |
| opacity |
요소의 투명도를 설정합니다. |
| order |
flex 콘텐츠의 순서를 정의합니다. |
| 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 |
static position을 제외한 이외의 position의 각 옵션 속성들의 부모 태그를 기준으로 수직으로 위치를 조정할 수 있게 해주는 속성이다. |
| 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 |
요소의 너비를 설정합니다. 기본값은 콘텐츠 영역의 너비이지만, box-sizing이 border-box라면 테두리 영역의 너비를 설정합니다. |
| word-break |
단어의 분리를 결정하여 줄 바꿈에 관여합니다. |
| word-spacing |
|
| word-wrap |
|
| z-index |
|