| align-content |
align-content 속성은 콘텐츠 사이와 콘텐츠 주위 빈 공간을 플렉스박스의 교차축, 그리드의 블록 축을 따라 배치하는 방식을 결정합니다. |
| align-items |
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 속성은 백그라운드 속성을 일괄적으로 설정합니다. |
| 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 속성은 테두리 속성을 일괄적으로 설정합니다. |
| border-bottom
| border-bottom 속성은 테두리 아래쪽 속성을 일괄적으로 설정합니다. |
| border-bottom-color
| border-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-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
| 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
| cursor 속성은요소 위에 마우스 커서가 올라갔을 때 보여줄 모양을 지정합니다. |
| direction
| |
| display
| display 속성은 요소를 어떻게 보여줄지를 지정합니다. |
| empty-cells
| |
| filter
| |
| flex
| |
| flex-basis
| |
| flex-direction
| |
| flex-flow
| |
| flex-grow
| |
| flex-shrink
| |
| flex-wrap
| |
| float
| |
| font
| font 속성은 font-style (en-US), font-variant (en-US), font-weight, font-size, line-height (en-US), font-family의 단축 속성입니다. |
| font-family
| font-family 속성은 특정 글꼴이나 대표 글꼴을 지정합니다. |
| font-size
| font-size 속성은 글꼴의 크기를 지정합니다. |
| font-size-adjust
| |
| font-stretch
| |
| font-style
| font-style속성은 font-family에서 지정된 폰트의 스타일을 지정합니다. |
| font-variant
| font-variant 속성은 글꼴의 변형을 지정합니다 |
| font-weight
| 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
| justify-content 속성은 요소를 가로 축을 기준으로 좌우에 대한 정렬을 합니다. |
| left
| |
| letter-spacing
| |
| line-height
| |
| list-style
| |
| list-style-image
| |
| list-style-position
| |
| list-style-type
| |
| margin |
margin 속성은 요소의 네 방향 바깥 여백 영역을 설정합니다. |
| margin-bottom |
margin-bottom 속성은 요소의 아래쪽에 바깥 여백 영역을 설정합니다. 양수 값은 인접 요소와 거리를 넓히고, 음수 값은 더 좁힙니다. |
| margin-left |
margin-left 속성은 요소의 왼쪽에 바깥 여백 영역을 설정합니다. |
| margin-right |
margin-right 속성은 요소의 오른쪽에 바깥 여백 영역을 설정합니다. |
| margin-top |
margin-top 속성은 요소의 위쪽에 바깥 여백 영역을 설정합니다. |
| max-height
| |
| max-width
| |
| min-height
| |
| min-width
| min-width CSS 속성은 요소의 최소 너비를 설정합니다. 설정값 이하로 크기가 줄어들지 않습니다. |
| mix-blend-mode
| |
| object-fit
| |
| object-position
| |
| opacity
| |
| order
| |
| outline
| |
| outline-color
| |
| outline-offset
| |
| outline-style
| |
| outline-width
| |
| overflow
| |
| overflow-x
| |
| overflow-y
| |
| padding |
padding 속성은 요소의 네 방향 안쪽 여백 영역을 설정합니다. |
| padding-bottom |
padding-bottom 속성은 요소의 아래쪽에 안쪽 여백 영역을 설정합니다. |
| padding-left |
padding-left 속성은 요소의 왼쪽에 안쪽 여백 영역을 설정합니다. |
| padding-right |
padding-right 속성은 요소의 오른쪽에 안쪽 여백 영역을 설정합니다. |
| padding-top |
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 속성은 텍스트의 정렬 방향을 의미합니다. |
| text-align-last
| |
| text-decoration
| |
| text-decoration-color
| |
| text-decoration-line
| |
| text-decoration-style
| |
| text-indent
| 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
| white-space는 공백(스페이스와 탭, 줄바꿈, 자동줄바꿈) 처리 방법 정하는 속성입니다. |
| width
| width 속성은 요소의 너비를 설정합니다. |
| word-break
| |
| word-spacing
| |
| word-wrap
| |
| z-index
| |