| align-content |
align-content 속성은 콘텐츠의 상하관계 정렬 상태를 정의합니다. |
| align-items |
align-items 속성은 콘텐츠 내부의 정렬 상태를 정의합니다. |
| align-self |
align-self 속성은 콘텐츠의 정렬 상태를 정의합니다. |
| all |
all 속성은 요소의 속성을 초기화 또는 상속을 설정합니다. |
| animation |
animation 속성은 애니메이션과 관련된 속성을 일괄적으로 설정합니다. |
| animation-delay |
animation-delay 속성은 애니메이션 지연 시간을 설정합니다. |
| animation-direction |
animation-direction 속성은 애니메이션 움직임 방향을 설정합니다. |
| animation-duration |
animation-duration 속성은 애니메이션 움직임 시간을 설정합니다. |
| animation-fill-mode |
animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다. |
| animation-iteration-count |
animation-iteration-count 속성은 애니메이션 반복 횟수 설정합니다. |
| animation-name |
animation-name 속성은 애니메이션 keyframe 이름을 설정합니다. |
| animation-play-state |
animation-play-state 속성은 애니메이션 진행상태를 설정합니다. |
| animation-timing-function |
animation-timing-function 속성은 애니메이션 움직임의 속도를 설정합니다. |
| backface-visibility |
선택한 요소의 3D 뒷면의 배경 유무를 설정합니다. |
| background |
background 속성은 백그라운드 속성을 일괄적으로 설정합니다.. |
| background-attachment |
background-attachment 속성은 배경 이미지의 고정 여부를 설정합니다. |
| background-blend-mode
| background-blend-mode 속성은 배경을 혼합했을 때의 상태를 설정합니다. |
| background-clip |
background-clip 속성은 백그라운드 이미지의 위치 기준점을 설정합니다. |
| background-color |
background-color 속성은 백그라운드 색을 설정합니다. |
| background-image |
background-image 속성은 백그라운드 이미지 및 배경 속성을 설정합니다. |
| background-origin |
background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정합니다. |
| background-position |
background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다. |
| background-repeat |
background-repeat 속성은 백그라운드 이미지의 반복 여부를 설정합니다. |
| background-size |
background-size 속성은 백그라운드 이미지의 사이즈를 설정합니다. |
| border |
border 속성은 요소의 테두리의 style과 width, 그리고 color을 지정할 수 있습니다. |
| border-bottom |
border 속성은 아래쪽 테두리 요소를 설정합니다. |
| border-bottom-color |
boder-bottom-color는 아래쪽 테두리 색상을 설정합니다. |
| border-bottom-left-radius |
border-bottom-left-radius 속성은 아래부분 왼쪽 모서리 굴곡을 설정합니다. |
| border-bottom-right-radius |
border-bottom-right-radius 속성은 아래부분 오른쪽 모서리 굴곡을 설정합니다. |
| border-bottom-style |
border-bottom-style은 아래쪽 테두리의 스타일 속성을 설정합니다. |
| border-bottom-width |
border-bottom-width은 아래쪽 테두리의 두께 속성을 설정합니다. |
| border-collapse |
border-collapse는 테이블의 테두리 분리 여부를 설정합니다.. |
| border-color |
border-color는 테두리의 색상을 설정합니다. |
| border-image |
border-image 속성은 테두리 이미지 속성을 설정합니다. |
| border-image-outset |
border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다. |
| border-image-repeat |
border-image-repeat 속성은 테두리 이미지 반복 속성을 설정합니다. |
| border-image-slice |
border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다. |
| border-image-source |
border-image-source 속성은 테두리 이미지 경로 속성을 설정합니다. |
| border-image-width |
border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다. |
| border-left |
border-left는 왼쪽 테두리 요소를 설정합니다. |
| border-left-color |
border-left-color는 왼쪽 테두리 색상을 설정합니다. |
| border-left-style |
border-left-style는 왼쪽 테두리 종류를 설정합니다. |
| border-left-width |
border-left-width는 왼쪽 테두리 너비를 설정합니다. |
| border-radius
| border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만듭니다. |
| border-right |
border-right는 오른쪽 테두리 요소를 설정합니다. |
| border-right-color |
border-right-color는 오른쪽 테두리 색상을 설정합니다. |
| border-right-style |
border-right-style는 오른쪽 테두리 종류를 설정합니다. |
| border-right-width |
border-right-width는 오른쪽 테두리 너비를 설정합니다. |
| border-spacing |
border-spacing 속성은 테이블의 테두리 간격을 설정합니다. |
| border-style |
border-style는 속성이 표시할 테두리의 종류를 설정합니다. |
| border-top |
border-top는 위쪽 테두리 요소를 설정합니다. |
| border-top-color |
border-top-color는 위쪽 테두리 색상을 설정합니다. |
| border-top-left-radius |
border-top-left-radius 속성은 윗부분 왼쪽 모서리 굴곡을 설정합니다. |
| border-top-right-radius |
border-top-right-radius 속성은 윗부분 오른쪽 모서리 굴곡을 설정합니다. |
| border-top-style |
border-top-style는 위쪽 테두리 종류를 설정합니다. |
| border-top-width |
border-top-width는 위쪽 테두리 너비를 설정합니다. |
| border-width |
border-width는 테두리 너비를 설정합니다. |
| bottom |
bottom 속성은 위치 요소의 아래쪽 속성을 설정합니다. |
| box-decoration-break |
box-decoration-break 속성은 컬럼 및 줄바꿈시 테두리와 패딩의 방식을 설정합니다. |
| box-shadow |
box-shadow 속성은 박스 요소의 그림자를 설정합니다. |
| box-sizing |
box-sizing 은 요소의 너비와 높이를 계산하는 방법을 지정합니다 |
| caption-side |
caption-side 속성은 caption의 위치를 설정합니다. |
| caret-color |
caret-color 속성은 input의 커서 색을 정의합니다. |
| clear |
clear속성은 요소가 선행 부동(floating) 요소 다음일 수 있는지 또는 그 아래로 내려가(해제되어(cleared))야 하는 지를 지정합니다. |
| clip |
clip 속성은 보이는 영역을 설정합니다. |
| color |
color CSS 속성은 요소의 글씨 및 글씨 장식의 전경색과 currentcolor의 값을 설정합니다. |
| column-count |
column-count 속성은 컬럼의 수를 정의합니다. |
| column-fill |
column-fill 속성은 열의 지정방법을 정의합니다. |
| column-gap |
column-gap 속성은 컬럼의 간격을 정의합니다. |
| column-rule |
column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다. |
| column-rule-color |
column-rule-color 속성은 컬럼의 라인 색을 정의합니다. |
| column-rule-style |
column-rule-style 속성은 컬럼 라인의 스타일을 정의합니다. |
| column-rule-width |
column-rule-width 속성은 컬럼 라인의 가로값을 정의합니다. |
| column-span |
column-span 속성은 열의 속성을 정의합니다. |
| column-width |
column-width 속성은 컬럼의 가로 값을 정의합니다. |
| columns |
columns 속성은 열의 폭과 열의 수를 정의합니다. |
| content |
content 속성은 콘텐츠 내용을 설정합니다. |
| counter-increment |
counter-increment 속성은 콘텐츠의 순서 상태를 정의합니다. |
| counter-reset |
counter-reset 속성은 콘텐츠의 숫자를 초기화합니다. |
| cursor |
cursor 속성은 마우스 오버시 마우스 포인터를 정의합니다. |
| direction |
direction 속성은 문장의 방향을 설정합니다. |
| display |
display는 요소를 어떻게 보여줄지 결정합니다. |
| empty-cells |
empty-cells 속성은 테이블의 빈요소의 속성을 설정합니다. |
| filter |
filter 속성은 그래픽 효과를 설정합니다. |
| flex |
flex 속성은 콘텐츠의 성질을 flex로 정의합니다. |
| flex-basis |
flex-basis 속성은 요소의 기본 단위를 정의합니다. |
| flex-direction |
flex-direction 속성은 요소의 정렬 방향을 정의합니다. |
| flex-flow |
flex-flow 속성은 요소의 정렬 방향과 줄 속성을 설정합니다. |
| flex-grow |
flex-grow 속성은 요소의 크기를 숫자를 통해 정의합니다. |
| flex-shrink |
flex-shrink 속성은 요소의 크기를 숫자를 통해 줄여줍니다. |
| flex-wrap |
flex-wrap 속성은 요소의 줄 속성을 설정합니다. |
| float |
CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그
주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다. |
| font |
font는 글자의 폰트를 정의합니다. |
| font-family |
font-family는 글꼴의 종류를 설정합니다. |
| font-size |
font-size는 글자의 크기를 설정합니다. |
| font-size-adjust |
font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. |
| font-stretch |
font-stretch 속성은 폰트의 굵기를 정의합니다. |
| font-style |
font-style는 글꼴의 스타일을 설정합니다.ex)normal, italic |
| font-variant |
font-variant 속성은 글꼴의 변형을 정의합니다. |
| font-weight |
font-weight는 글꼴의 두께를 설정합니다. |
| grid |
grid-template-xxx과 grid-auto-xxx의 단축 속성 |
| grid-area |
영역(Area) 이름을 설정하거나, grid-row와 grid-column의 단축 속성 |
| grid-auto-columns |
암시적인 그리드 열의 크기를 자동으로 설정합니다. |
| grid-auto-flow |
자동 배치 알고리즘이 실행되어 자동으로 배치 되도록 설정합니다. |
| grid-auto-rows |
암시적인 그리드 행의 크기를 자동으로 설정합니다. |
| grid-column |
grid-column 속성은 grid-column-start와 grid-column-end 속성을 같이 사용합니다. |
| grid-column-end |
그리드 아이템의 열 끝 위치를 지정합니다. |
| grid-column-gap |
열과 열 사이의 간격(Line)을 정의합니다. |
| grid-column-start |
그리드 아이템의 열 시작 위치를 지정합니다. |
| grid-gap |
xxx-gap의 단축 속성 |
| grid-row |
grid-row 속성은 grid-row-start와 grid-row-end 속성을 같이 사용합니다. |
| grid-row-end |
그리드 아이템의 행 끝 위치를 지정합니다. |
| grid-row-gap |
행과 행 사이의 간격(Line)을 정의합니다. |
| grid-row-start |
그리드 아이템의 행 시작 위치를 지정합니다. |
| grid-template |
grid-template-xxx의 단축 속성 |
| grid-template-areas |
grid-area 속성으로 설정된 그리드 영역의 이름을 참조하여, 그리드 템플릿 영역을 설정합니다. |
| grid-template-columns |
가로 컬럼의 크기와 위치를 설정합니다. |
| grid-template-rows |
명시적 행의 크기를 정의합니다. |
| hanging-punctuation |
hanging-punctuation 속성은 글씨의 시작 및 끝의 위치 정의합니다. |
| height |
height은 세로길이를 설정합니다. |
| hyphens |
hyphens 속성은 텍스트의 하이픈 영역을 설정합니다. |
| isolation |
isolation 속성은 stacking context을 설정합니다. |
| justify-content |
justify-content 속성은 콘텐츠의 좌우 관계 정렬 상태를 정의합니다. |
| left |
left 속성은 위치 요소의 왼쪽 속성을 설정합니다. |
| letter-spacing |
letter-spacing 속성은 글자 사이의 간격을 설정합니다. |
| line-height |
line-height는 줄 높이를 정하는 속성입니다. |
| list-style |
list-style은 한 번에 모든 목록 스타일 속성을 설정할 수 있습니다. |
| list-style-image |
list-style-image 속성은 목록 마커의 이미지를 설정합니다. |
| list-style-position |
list-style-position 속성은 목록 마커의 위치 속성을 설정합니다. |
| list-style-type |
list-style-type 속성은 목록 마커의 유형을 설정합니다. |
| margin |
margin은 바깥쪽 여백을 설정합니다. |
| margin-bottom |
margin-bottom은 바깥쪽 아래 여백을 설정합니다. |
| margin-left |
margin-left은 바깥쪽 왼쪽 여백을 설정합니다. |
| margin-right |
margin-right은 바깥쪽 오른쪽 여백을 설정합니다. |
| margin-top |
margin-top은 바깥쪽 위쪽 여백을 설정합니다. |
| max-height |
max-height은 어떤 요소의 최대 높이를 설정합니다. |
| max-width |
max-width은 어떤 요소의 최대 너비를 설정합니다. |
| min-height |
min-height은 어떤 요소의 최소 높이를 설정합니다. |
| min-width |
min-width은 어떤 요소의 최대 높이를 설정합니다. |
| mix-blend-mode |
mix-blend-mode 속성은 배경의 혼합 상태를 정의합니다. |
| object-fit |
object-fit 속성은 <img>, <video> 태그의 크기를 정의합니다. |
| object-position |
object-position 속성은 <img>, <video> 태그의 위치를 정의합니다. |
| opacity |
opacity 속성은 요소의 투명도를 설정합니다. |
| order |
order 속성은 flex 콘텐츠의 순서를 정의합니다. |
| outline |
outline 속성은 테두리 속성을 일괄적으로 설정합니다. |
| outline-color |
outline-color 속성은 아웃라인의 색을 정의합니다. |
| outline-offset |
outline-offset 속성은 아웃라인의 간격을 정의합니다. |
| outline-style |
outline-style 속성은 아웃라인 스타일을 정의합니다. |
| outline-width |
outline-width 속성은 아웃라인의 두께를 정의합니다. |
| overflow |
overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| overflow-x |
overflow-x 속성은 X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| overflow-y |
overflow-y 속성은 Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. |
| padding |
padding은 안쪽 여백을 설정합니다. |
| padding-bottom |
padding-bottom은 안쪽 아래쪽 여백을 설정합니다. |
| padding-left |
padding-left은 안쪽 왼쪽 여백을 설정합니다. |
| padding-right |
padding-right은 안쪽 오른쪽 여백을 설정합니다. |
| padding-top |
padding-top은 안쪽 위쪽 여백을 설정합니다. |
| page-break-after |
page-break-after 속성은 페이지 인쇄시 분리에 관한 설정을 정의합니다. |
| page-break-before |
page-break-before 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. |
| page-break-inside |
page-break-inside 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. |
| perspective |
선택한 요소의 원근점 거리를 설정합니다. |
| perspective-origin |
선택한 요소의 원근점 뱡향을 설정합니다. |
| pointer-events |
pointer-events 속성은 포인터 이벤트 반응을 정의합니다. |
| position
| position 속성은 요소의 위치를 설정합니다. |
| quotes |
quotes 속성은 인용 부호를 정의합니다. |
| resize |
resize 속성은 요소의 사이즈를 정의합니다. |
| right |
right 속성은 위치 요소의 오른쪽 속성을 설정합니다. |
| tab-size |
tab-size 속성은 글씨의 간격을 정의합니다. |
| table-layout |
table-layout 속성은 표의 레이아웃 크기를 정의합니다. |
| text-align |
text-align은 텍스트의 정렬 방향을 설정합니다. |
| text-align-last |
text-align-last 속성은 문장의 마지막 텍스트 정렬 방식을 설정합니다. |
| text-decoration |
text-decoration 속성은 글자 라인 속성을 설정합니다. |
| text-decoration-color |
text-decoration은 선으로 텍스트를 꾸밀 수 있게 해주는 속성입니다. |
| text-decoration-line |
text-decoration-line은 텍스트 라인의 위치를 설정합니다. |
| text-decoration-style |
text-decoration-style은 텍스트 라인의 종류를 설정합니다. |
| text-indent |
text-indent 속성은 문단 들여쓰기 속성을 설정합니다. |
| text-justify |
text-justify 속성은 텍스트의 간격을 정의합니다. |
| text-overflow |
text-overflow 속성은 문자열 영역 속성을 설정합니다. |
| text-shadow |
text-shadow 속성은 텍스트에 그림자를 설정합니다. |
| text-transform |
text-transform 속성은 텍스트를 대문자나 소문자로 변경합니다. |
| top |
top 속성은 위치 요소의 위쪽 속성을 설정합니다. |
| transform |
transform 속성은 요소의 움직임을 표현합니다. |
| transform-origin |
transform-origin 요소의 움직임 방향을 정의합니다. |
| transform-style |
transform-style 속성은 요소의 움직임 스타일을 정의합니다. |
| transition |
transition 속성은 요소의 움직임을 정의합니다. |
| transition-delay |
transition-delay 속성은 요소의 움직임 시간을 지연합니다. |
| transition-duration |
transition-duration 속성은 요소의 움직임 지속시간을 정의합니다. |
| transition-property |
transition-property 속성은 transition의 적용 여부를 정의합니다. |
| transition-timing-function |
transition-timing-function 속성은 요소의 움직임 기능을 정의합니다 |
| unicode-bidi |
unicode-bidi 속성은 글자의 방향 속성을 설정합니다. |
| user-select |
user-select 속성은 요소의 텍스트를 선택할 지 정의합니다. |
| vertical-align |
vertical-align 속성은 텍스트의 상하 정렬 방식을 설정합니다.. |
| visibility |
visibility 속성은 요소를 보이지 않게 정의합니다. |
| white-space |
white-space 속성은 줄바꿈, 공백, 줄 속성을 설정합니다. |
| width |
width은 가로길이를 설정합니다. |
| word-break |
word-break 속성은 줄바꿈 속성을 설정합니다. |
| word-spacing |
word-spacing 속성은 단어 사이의 간격을 정의합니다. |
| word-wrap |
word-wrap 속성은 줄바꿈을 설정합니다. |
| z-index |
z-index 속성은 위치 지정 요소와, 그 자손 또는 하위 플렉스 아이템의 Z축 순서를 지정합니다. |