CSS 참고 설명서

CSS 속성

A

accent-color 指定用户界面控件的强调色.
align-content 弹力容器内的行之间的对齐方式，当项目不使用所有可用空间时.
align-items 弹力容器内项目的对齐方式.
align-self 弹力容器内所选项目的对齐方式.
all 모든 속성을 초기화합니다(unicode-bidi와 direction을 제외).
animation 모든 animation-* 속성의 줄임말 속성입니다.
animation-delay 애니메이션을 시작하는 지연 시간을 정의합니다.
animation-direction 애니메이션이 앞으로 재생되는지, 뒤로 재생되는지, 지속적으로 재생되는지 정의합니다.
animation-duration 애니메이션이 한 주기를 완료하는 데 걸리는 시간을 정의합니다.
animation-fill-mode 애니메이션을 재생하지 않을 때(시작 전, 종료 후, 또는 동시에)의 스타일을 정의합니다.
animation-iteration-count 애니메이션이 재생되는 횟수를 정의합니다.
animation-name @keyframes 애니메이션의 이름을 정의합니다.
animation-play-state 애니메이션이 재생되는지 중지되는지 정의합니다.
animation-timing-function 애니메이션의 속도 곡선을 정의합니다.
aspect-ratio 요소의 선호된 너비와 높이 비율을 지정합니다.

B

backdrop-filter 요소 배경 영역의 그래픽 효과를 정의합니다.
backface-visibility 사용자에게 직면했을 때 요소의 뒷면이 보이는지 여부를 정의합니다.
background 모든 background-* 속성의 줄임말 속성입니다.
background-attachment 배경 이미지가 페이지의 나머지 부분과 함께 스크롤되는지 고정되는지 설정합니다.
background-blend-mode 각 배경 레이어(색/이미지)의 혼합 모드를 정의합니다.
background-clip 배경(색 또는 이미지)가 요소 내에서 확장되는 거리를 정의합니다.
background-color 요소의 배경색을 정의합니다.
background-image 요소의 하나 이상의 배경 이미지를 정의합니다.
background-origin 배경 이미지의 초기 위치를 정의합니다.
background-position 배경 이미지의 위치를 정의합니다.
background-position-x 배경 이미지가 x축에서의 위치를 지정합니다.
pr_background-position-y 배경 이미지가 y축에서의 위치를 지정합니다.
background-repeat 배경 이미지가 반복되는지 및 어떻게 반복되는지 설정합니다.
background-size 배경 이미지의 크기를 정의합니다.
block-size 요소가 블록 방향에서의 크기를 지정합니다.
border border-width, border-style 및 border-color의 줄임어법 속성
border-block

이후 속성의 줄이기 속성입니다:
border-block-color 블록 방향에서 시작 및 끝 경계선의 색상을 설정합니다.
border-block-end

이후 속성의 줄이기 속성입니다:
border-block-end-color 블록 방향에서 끝 경계선의 색상을 설정합니다.
border-block-end-style 블록 방향에서 끝 경계선의 스타일을 설정합니다.
border-block-end-width 블록 방향에서 끝 경계선의 너비를 설정합니다.
border-block-start

이후 속성의 줄이기 속성입니다:
border-block-start-color 블록 방향에서 시작 경계선의 색상을 설정합니다.
border-block-start-style 블록 방향에서 시작 경계선의 스타일을 설정합니다.
border-block-start-width 블록 방향에서 시작 경계선의 너비를 설정합니다.
border-block-style 블록 방향에서 시작 및 끝 경계선의 스타일을 설정합니다.
border-block-width 블록 방향에서 시작 및 끝 경계선의 너비를 설정합니다.
border-bottom border-bottom-width, border-bottom-style 및 border-bottom-color의 줄임어법 속성
border-bottom-color 하단 경계선의 색상을 설정합니다.
border-bottom-left-radius 왼쪽 아래 경계선의 둥글기를 정의합니다.
border-bottom-right-radius 오른쪽 아래 경계선의 둥글기를 정의합니다.
border-bottom-style 하단 경계선의 스타일을 설정합니다.
border-bottom-width 하단 경계선의 너비를 설정합니다.
border-collapse 테이블의 경계선이 단일 경계선으로 접히거나 분리되는지 설정합니다.
border-color 네 가지 경계선의 색상을 설정.
border-end-end-radius 요소 블록 끝과 행 내 끝 경계선 간의 모서리 반지름을 설정.
border-end-start-radius 요소 블록 끝과 행 내 시작 경계선 간의 모서리 반지름을 설정.
border-image border-image-* 속성의 축약 속성.
border-image-outset 경계선 이미지 영역이 경계선을 벗어나는 양을 정의.
border-image-repeat 경계선 이미지가 반복, 둥글게, 还是 확장되는지 정의.
border-image-slice 경계선 이미지를 어떻게 자르는지 정의.
border-image-source 경계선으로 사용할 이미지의 경로를 정의.
border-image-width 경계선 이미지의 너비를 정의.
border-inline

이후 속성의 줄이기 속성입니다:
border-inline-color 행 내 방향으로 시작과 끝 경계선의 색상을 설정.
border-inline-end

이후 속성의 줄이기 속성입니다:
border-inline-end-color 행 내 방향으로 끝 경계선의 색상을 설정.
border-inline-end-style 행 내 방향으로 끝 경계선의 스타일을 설정.
border-inline-end-width 행 내 방향으로 끝 경계선의 너비를 설정.
border-inline-start

이후 속성의 줄이기 속성입니다:
border-inline-start-color 행 내 방향으로 시작 경계선의 색상을 설정.
border-inline-start-style 행 내 방향으로 시작 경계선의 스타일을 설정.
border-inline-start-width 행 내 방향으로 시작 경계선의 너비를 설정.
border-inline-style 행 내 방향으로 시작과 끝 경계선의 스타일을 설정.
border-inline-width 행 내 방향으로 시작과 끝 경계선의 너비를 설정.
border-left 모든 border-left-* 속성의 축약 속성.
border-left-color 왼쪽 경계선의 색상을 설정.
border-left-style 왼쪽 경계선의 스타일을 설정.
border-left-width 왼쪽 경계선의 너비를 설정.
border-radius 네 border-*-radius 속성의 축약 속성.
border-right 모든 border-right-* 속성의 축약 속성.
border-right-color 우측 테두리의 색상을 설정합니다.
border-right-style 우측 테두리의 스타일을 설정합니다.
border-right-width 우측 테두리의 너비를 설정합니다.
border-spacing 접접한 셀 테두리 간의 거리를 설정합니다.
border-start-end-radius 요소의 블록 시작과 행 내 종료 간의 모서리 반지름을 설정합니다.
border-start-start-radius 요소의 블록 시작과 행 내 시작 간의 모서리 반지름을 설정합니다.
border-style 네 가지 테두리의 스타일을 설정합니다.
border-top border-top-width, border-top-style 및 border-top-color의 줄임属性를 설정합니다.
border-top-color 상단 테두리의 색상을 설정합니다.
border-top-left-radius 왼쪽 상단 테두리의 둥글기를 정의합니다.
border-top-right-radius 오른쪽 상단 테두리의 둥글기를 정의합니다.
border-top-style 상단 테두리의 스타일을 설정합니다.
border-top-width 상단 테두리의 너비를 설정합니다.
border-width 네 가지 테두리의 너비를 설정합니다.
bottom 요소가 부모 요소의 하단에 대한 위치를 설정합니다.
box-decoration-break 요소가 페이지 분리 위치에서의 배경과 테두리의 행동을 설정하거나 행간에서의 행동을 설정합니다.
box-reflect 요소에 반사 효과를 생성합니다.
box-shadow 요소에 하나 이상의 그림자를 추가합니다.
box-sizing 요소의 너비와 높이 계산 방식을 정의합니다: 여기에는 내간격과 테두리가 포함됩니까?
break-after 지정된 요소 뒤에 page-、column- 또는 region-break가 나타나야 하는지 지정합니다.
break-before 지정된 요소 앞에 page-、column- 또는 region-break가 나타나야 하는지 지정합니다.
break-inside 지정된 요소 내에서 page-、column- 또는 region-break가 나타나야 하는지 지정합니다.

C

caption-side 테이블 제목의 배치 방식을 지정합니다.
caret-color input, textarea 또는 어떤 편집 가능 요소에서의 커서 색상을 지정합니다.
@charset 스타일 시트에서 사용하는 문자编码을 지정합니다.
clear 요소의 어떤쪽에도 요소를 블로킹하지 않도록 지정합니다.
clip 정적 위치의 요소를 잘라냅니다.
clip-path 요소를 기본 형상이나 SVG 소스로 잘라냅니다.
color 텍스트의 색상을 설정.
color-scheme 요소가 어떤 운영 체제配色 패키지를 사용하여 렌더링할지 지시.
column-count 요소가 얼마나 많은 열로 나누어야 하는지 규정.
column-fill 열을 채우는 방법을 지정(whether balanced).
column-gap 열 간의 간격을 규정.
column-rule 모든 column-rule-* 속성의 줄임표 속성.
column-rule-color 열 간의 규칙 색상을 규정.
column-rule-style 열 간의 규칙 스타일을 규정.
column-rule-width 열 간의 규칙 너비를 규정.
column-span 요소가 얼마나 많은 열을 건너야 하는지 규정.
column-width 열 너비를 규정.
columns column-width와 column-count의 줄임표 속성.
@container 컨테이너의 크기나 스타일에 따라 컨테이너 내 요소의 스타일을 정의.
content pseudo-element :before와 :after와 함께 사용하여 생성된 내용을 삽입.
counter-increment 하나나 여러 개의 CSS 카운터의 값을 증가하거나 감소.
counter-reset 하나나 여러 개의 CSS 카운터를 생성하거나 초기화.
counter-set 하나나 여러 개의 CSS 카운터를 생성하거나 설정.
@counter-style 사용자 정의 카운터 스타일을 정의할 수 있습니다.
cursor 지정된 요소를 가리키면 표시되는 마우스 포인터를 규정.

D

direction 텍스트 방향/쓰기 방향을 규정.
display 특정 HTML 요소를 어떻게 표시할지 정의.

E

empty-cells 표格의 공백 셀에 경계선과 배경을 표시할지 여부를 규정.

F

filter 요소가 표시되기 전의 효과를 정의합니다(예: 흐림 또는 색상 변위).
flex flex-grow, flex-shrink 및 flex-basis의 줄임표 속성.
flex-basis 활성 항목의 초기 길이를 규정.
flex-direction 활성 항목의 방향을 규정.
flex-flow flex-direction 과 flex-wrap의 줄임표 속성.
flex-grow 규정 항목이 나머지 항목에 비해 늘어난 양.
flex-shrink 규정 항목이 나머지 항목에 비해 줄어든 양.
flex-wrap 플렉스 아이템이 줄바꿈되어야 하는지 여부를 정의합니다.
float 박스에 플로팅되어야 하는지 여부를 정의합니다.
font font-style, font-variant, font-weight, font-size/line-height 및 font-family의 줄임属性을 정의합니다.
@font-face 웹 세이프 글꼴 이외의 다른 글꼴을 다운로드하고 사용할 수 있는 규칙을 허용합니다.
font-family 텍스트의 글꼴 가족(글꼴 시리즈)을 정의합니다.
font-feature-settings OpenType 글꼴에서의 고급 인쇄 특성을 제어할 수 있습니다.
@font-feature-values font-variant-alternate에서의 일반 이름을 사용하여 OpenType에서 다른 방식으로 특성을 활성화할 수 있도록 합니다.
font-kerning 글자 간격 조정 정보(알파벳 간격) 사용을 제어합니다.
font-language-override 특정 언어의 글자 형태가 글꼴 사용에서 제어됩니다.
@font-palette-values 폰트 팔레트의 기본 값을 사용자 정의할 수 있도록 합니다.
font-size 텍스트의 글꼴 크기를 정의합니다.
font-size-adjust 폰트 롤백이 발생할 때도 읽을 수 있는 유지합니다.
font-stretch 폰트 시리즈에서 일반적인, 압축된 또는 확장된 글꼴을 선택합니다.
font-style 텍스트의 글꼴 스타일을 정의합니다.
font-synthesis 브라우저가 합성할 수 있는 부족한 글꼴(粗体 또는 Italic)을 제어합니다.
font-variant 텍스트가 소형 대문자로 표시되어야 하는지 여부를 정의합니다.
font-variant-alternates @font-feature-values에서 정의된 대체 이름과 연관된 대체 글자 사용을 제어합니다.
font-variant-caps 대문자 대체 글자 사용을 제어합니다.
font-variant-east-asian 동아시아 글자(예: 중국어와 일본어)의 대체 글자 사용을 제어합니다.
font-variant-ligatures 요소의 텍스트 내용에서 사용할 합성어 및 상황 형식을 제어합니다.
font-variant-numeric 숫자, 분수 및 순서 표시의 대체 글자 사용을 제어합니다.
font-variant-position 제어하는 작은 글자의 대체 글자 사용, 이 글자는 글자 기준선에 상표 또는 하표로 위치합니다.
font-weight 字体粗细的规定。

G

G grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
grid-area 网格项名称的指定，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
grid-auto-columns 默认列尺寸的规定。
grid-auto-flow 网格中自动放置项目插入方式的规定。
grid-auto-rows 默认行尺寸的规定。
grid-column grid-column-start 和 grid-column-end 属性的简写属性。
grid-column-end 网格项目结束方式的规定。
grid-column-gap 列间隙尺寸的规定。
grid-column-start 网格项目开始位置的规定。
grid-gap grid-row-gap 和 grid-column-gap 的简写属性。
grid-row grid-row-start 和 grid-row-end 属性的简写属性。
grid-row-end 网格项目结束位置的规定。
grid-row-gap 列间隙尺寸的规定。
grid-row-start 网格项目开始位置的规定。
grid-template grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
grid-template-areas 命名的网格项显示列和行的使用方法规定。
grid-template-columns 列尺寸的指定以及网格布局中列数的指定。
grid-template-rows 网格布局中行尺寸的指定。

H

hanging-punctuation 行框外放置标点符号是否允许的规定。
height 元素高度的设置。
hyphens 单词分割以改善段落布局的设置。
hyphenate-character 换行前用于连字符断行的字符设置。

I

image-rendering 이미지 확대 알고리즘 타입을 지정합니다.
@import 스타일 시트를 다른 스타일 시트에 가져올 수 있게 합니다。
initial-letter 첫 글자의 크기를 지정하며, 첫 글자가 들어가야 할 줄 수를 선택적으로 지정할 수 있습니다。
inline-size 요소가 행 내 방향에서의 크기를 지정합니다。
inset 요소와 부모 요소 간의 거리를 지정합니다。
inset-block 요소가 부모 요소와 블록 방향에서의 거리를 지정합니다。
inset-block-end 요소가 부모 요소와 블록 방향에서 끝 지점의 거리를 지정합니다。
inset-block-start 요소가 부모 요소와 블록 방향에서 시작 지점의 거리를 지정합니다。
inset-inline 요소가 부모 요소와 행 내 방향에서의 거리를 지정합니다。
inset-inline-end 요소가 부모 요소와 행 내 방향에서 끝 지점의 거리를 지정합니다。
inset-inline-start 요소가 부모 요소와 행 내 방향에서 시작 지점의 거리를 지정합니다。
isolation 요소가 새로운 스택 콘텐츠를 생성해야 하는지 지정합니다。

J

justify-content 항목이 유연한 컨테이너 내에서 정렬되는 방식을 규정합니다. 항목이 모든 사용 가능한 공간을 사용하지 않을 때。
justify-items 그리드 항목이 행 내 방향에서 정렬되는 방식을 규정합니다. 그리드 컨테이너에 설정됩니다.
justify-self 그리드 항목이 행 내 방향에서 정렬되는 방식을 규정합니다. 그리드 항목에 설정됩니다.

K

@keyframes 애니메이션 코드를 규정합니다。

L

@layer CSS 스타일의 평가 순서를 제어합니다。
left 정위치 요소의 왼쪽 위치를 규정합니다.
letter-spacing 문자 간 간격을 증가하거나 감소시킵니다。
line-break 줄 바꿈 여부를 지정합니다。
line-height 줄 높이를 설정합니다。
list-style 하나의 선언에서 모든 목록 속성을 설정합니다。
list-style-image 이미지를 목록 항목 표시기로 지정합니다。
list-style-position 목록 항목 표시기 위치를 규정합니다。
list-style-type 목록 항목 표시기 타입을 규정합니다。

M

margin 하나의 선언에서 모든 외간거리 속성을 설정합니다。
margin-block 블록 방향의 외간거리를 지정합니다。
margin-block-end 블록 방향의 끝 지점의 외간거리를 지정합니다。
margin-block-start 블록 방향의 시작 지점의 외간거리를 지정합니다。
margin-bottom 요소의 하 외간거리를 설정합니다。
margin-inline 지정된 행 내 방향의 외간거리를 지정합니다。
margin-inline-end 행 방향에서 종료점의 외경을 지정합니다.
margin-inline-start 행 방향에서 시작점의 외경을 지정합니다.
margin-left 요소의 왼쪽 외경을 설정합니다.
margin-right 요소의 오른쪽 외경을 설정합니다.
margin-top 요소의 상단 외경을 설정합니다.
marker 요소의 경로의 모든 정점(첫 번째, 중간, 마지막)에서 그려질 표시를 가리킵니다.
marker-end 요소의 경로의 마지막 정점에서 그려질 표시를 가리킵니다.
marker-mid 요소의 경로의 모든 중간 정점에서 그려질 표시를 가리킵니다.
marker-start 요소의 경로의 첫 번째 정점에서 그려질 표시를 가리킵니다.
mask

이후 속성의 줄이기 속성입니다:
mask-clip 마스크 이미지에 영향을 받는 영역을 지정합니다.
mask-composite 현재 마스크 레이어와 아래의 마스크 레이어에서 사용할合成操作을 지정합니다.
mask-image 요소의 마스크 레이어로 사용할 이미지를 지정합니다.
mask-mode 마스크 레이어 이미지가 밝기 마스크로 처리되거나 alpha 마스크로 처리되는지 지정합니다.
mask-origin 마스크 레이어 이미지의 원래 위치(마스크 위치 영역)를 지정합니다.
mask-position 마스크 레이어 이미지의 시작 위치(마스크 위치 영역에 대한 상대적 위치)를 설정합니다.
mask-repeat 마스크 레이어 이미지의 반복 방식을 지정합니다.
mask-size 마스크 레이어 이미지의 크기를 지정합니다.
mask-type SVG 요소가 밝기 마스크로 처리되거나 alpha 마스크로 처리되는지 지정합니다.
max-height 요소의 최대 높이를 설정합니다.
max-width 요소의 최대 너비를 설정합니다.
@media 다른 미디어 타입, 장치, 크기에 대해 스타일 규칙을 설정합니다.
max-block-size 요소가 블록 방향에서의 최대 크기를 설정합니다.
max-inline-size 요소가 행 방향에서의 최대 크기를 설정합니다.
min-block-size 요소가 블록 방향에서의 최소 크기를 설정합니다.
min-inline-size 요소가 행 방향에서의 최소 크기를 설정합니다.
min-height 요소의 최소 높이를 설정합니다.
min-width 요소의 최소 너비를 설정합니다.
mix-blend-mode 요소의 내용이 직접 부모의 배경과 어떻게 혼합되어야 하는지 정의합니다.

N

@namespace 스타일 시트에서 사용하는 XML 이름 공간을 정의합니다.

O

object-fit 정의된 요소의 내용이 사용되는 높이와 너비에 맞게 맞춰야 하는 방식을 정의합니다.
object-position 대체 요소가 그 프레임 내에 어떤 정렬 방식을 가지는지 지정.
offset

이후 속성의 줄이기 속성입니다:
offset-anchor 요소가 애니메이션 경로 위에 고정된 점을 지정.
offset-distance 애니메이션 요소가 경로 위의 위치를 지정.
offset-path 요소가 그 애니메이션의 경로를 따라.
offset-position 요소가 경로에 따라 초기 위치를 지정.
offset-rotate 요소가 경로에 따라 애니메이션할 때 회전을 지정.
opacity 요소의 불투명도 등급을 설정.
order 에ласт릭 아이템이 나머지 아이템에 비해 순서를 설정.
orphans 페이지나 열 하단에 유지되어야 하는 최소 행 수를 설정.
orphans 요소 내에서 페이지가 발생할 때 페이지 하단에 유지되어야 하는 최소 행 수를 설정.
outline outline-width, outline-style 및 outline-color 속성의 약자 속성.
outline-color 경계선의 색상을 설정.
outline-offset 경계선을 옆으로 이동시키고, 경계선 밖에 그려.
outline-style 경계선의 스타일을 설정.
outline-width 경계선의 너비를 설정.
overflow 콘텐츠가 요소의 프레임을 벗어났을 때 어떤 일이 일어날지 정의.
overflow-anchor 스크롤 컨테이너에 새로운 콘텐츠를 로드할 때, 보이는 영역의 콘텐츠가 아래로 밀릴지 여부를 지정.
overflow-wrap 장单词가 컨테이너를 벗어났을 때 브라우저가 줄 바꿈을 할 수 있는지 지정.
overflow-wrap 단어가 너무 길어서 포함된 상자에 맞지 않을 때, 브라우저가 단어 내에서 줄 바꿈을 할 수 있는지 정의.
overflow-x 콘텐츠가 요소의 내용 영역을 벗어났을 때 좌우쪽边缘가 잘리는지 정의.
overflow-y 콘텐츠가 요소의 내용 영역을 벗어났을 때 상하쪽边缘가 잘리는지 정의.
overscroll-behavior x와 y 방향에서 스크롤 라인이나 과도한 스크롤 효과가 있는지 지정.
overscroll-behavior-block 블록 방향에서 스크롤 라인이나 과도한 스크롤 효과가 있는지 지정.
overscroll-behavior-inline 행 내 방향에서 스크롤 라인이나 과도한 스크롤 효과가 있는지 지정.
overscroll-behavior-x x 방향에서 스크롤 라인이나 과도한 스크롤 효과가 있는지 지정.
overscroll-behavior-y y 방향에서 스크롤 라인이나 과도한 스크롤 효과가 있는지 지정.

P

padding 모든 padding-* 속성의 약자 속성.
padding-block 블록 방향의 내쪽 마argins을 지정합니다.
padding-block-end 블록 방향의 종료 부분에 내쪽 마argins을 지정합니다.
padding-block-start 블록 방향의 시작 부분에 내쪽 마argins을 지정합니다.
padding-bottom 요소의 하단 내쪽 마argins을 설정합니다.
padding-inline 행 내 방향의 내쪽 마argins을 지정합니다.
padding-inline-end 행 내 방향의 종료 부분에 내쪽 마argins을 지정합니다.
padding-inline-start 행 내 방향의 시작 부분에 내쪽 마argins을 지정합니다.
padding-left 요소의 좌측 내쪽 마argins을 설정합니다.
padding-right 요소의 우측 내쪽 마argins을 설정합니다.
padding-top 요소의 상단 내쪽 마argins을 설정합니다.
@page 인쇄 페이지의 크기, 방향 및 마argins를 커스터마이징합니다.
page-break-after 요소 후의 페이지 분리(페이지 브레이크) 행동을 설정합니다.
page-break-before 요소 전의 페이지 분리(페이지 브레이크) 행동을 설정합니다.
page-break-inside 요소 내의 페이지 분리(페이지 브레이크) 행동을 설정합니다.
paint-order SVG 요소나 텍스트의 그리기 순서를 설정합니다.
perspective 3D 정위치 요소에 시각적 거리를 제공합니다.
perspective-origin 사용자가 3D 정위치 요소를 볼 위치를 정의합니다.
place-content flexbox 및 구분선 레이아웃의 align-content 및 justify-content 속성 값을 지정합니다.
place-items 구분선 레이아웃의 align-items 및 justify-items 속성 값을 지정합니다.
place-self 구분선 레이아웃의 align-self 및 justify-self 속성 값을 지정합니다.
pointer-events 요소가 포인터 이벤트에 대한 반응을 나타냅니다.
position 요소의 정위치 방법의 타입(정적, 상대적, 절대적 또는 고정적)을 규정합니다.
@property 스타일 시트에서 직접 커스텀 CSS 속성을 정의하여 어떤 JavaScript도 실행하지 않아도 됩니다.

Q

quotes quoote 타입을 설정합니다.

R

resize 사용자가 요소의 크기를 어떻게 조정할지 및 조정할 수 있는지 정의합니다.
right 정위치 요소의 왼쪽 위치를 규정합니다.
rotate 요소의 회전을 지정합니다.
row-gap 구분선 행 간의 간격을 지정합니다.

S

스케일 확대 또는 축소하여 요소의 크기를 지정합니다.
@scope 특정 DOM 자식 트리의 요소를 선택하고 정확하게 위치를 설정할 수 있도록 허용합니다. 구체적인 선택자를 작성하지 않아도 됩니다.
scroll-behavior 스크롤 블록이 평滑하게 스크롤되도록 설정하거나 직접 점프되도록 설정합니다.
scroll-margin 부착 위치와 컨테이너 간의 외경을 지정합니다.
scroll-margin-block 블록 방향에서 부착 위치와 컨테이너 간의 외경을 지정합니다.
scroll-margin-block-end 블록 방향에서 부착 위치와 컨테이너 종료 위치 간의 외경을 지정합니다.
scroll-margin-block-start 블록 방향에서 부착 위치와 컨테이너 시작 위치 간의 외경을 지정합니다.
scroll-margin-bottom 하단 부착 위치와 컨테이너 간의 외경을 지정합니다.
scroll-margin-inline 행내 방향에서 부착 위치와 컨테이너 간의 외경을 지정합니다.
scroll-margin-inline-end 행내 방향에서 부착 위치와 컨테이너 종료 위치 간의 외경을 지정합니다.
scroll-margin-inline-start 행내 방향에서 부착 위치와 컨테이너 시작 위치 간의 외경을 지정합니다.
scroll-margin-left 좌측 부착 위치와 컨테이너 간의 외경을 지정합니다.
scroll-margin-right 우측 부착 위치와 컨테이너 간의 외경을 지정합니다.
scroll-margin-top 상단 부착 위치와 컨테이너 간의 외경을 지정합니다.
scroll-padding 컨테이너부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-block 블록 방향에서 컨테이너부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-block-end 블록 방향에서 컨테이너 종료부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-block-start 블록 방향에서 컨테이너 시작부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-bottom 컨테이너 하단부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-inline 행내 방향에서 컨테이너부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-inline-end 행내 방향에서 컨테이너 종료 위치부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-inline-start 행내 방향에서 컨테이너 시작 위치부터 자식 요소 부착 위치의 거리를 지정합니다.
scroll-padding-left 컨테이너의 좌측에서 자식 요소의 끌림 위치까지의 거리를 지정합니다.
scroll-padding-right 컨테이너의 우측에서 자식 요소의 끌림 위치까지의 거리를 지정합니다.
scroll-padding-top 컨테이너의 상단에서 자식 요소의 끌림 위치까지의 거리를 지정합니다.
scroll-snap-align 사용자가 스크롤을 멈추면 요소의 위치를 지정합니다.
scroll-snap-stop 터치패드나 터치스크린에서 빠르게 슬라이딩한 후의 스크롤 행동을 지정합니다.
scroll-snap-type 스크롤할 때의 끌림 행동을 지정합니다.
scrollbar-color 요소의 스크롤바의 색상을 지정합니다.
shape-outside 행 내용의 둘레 모양을 정의합니다.
@starting-style 요소가 최초 스타일 업데이트 전의 시작 스타일을 정의합니다.
@supports 브라우저가 특정 CSS 특성을 지원하는지 테스트하는 데 사용됩니다.

T

tab-size 탭의 너비를 규정합니다.
table-layout 셀, 행, 열에 대한 레이아웃을 정의하는 알고리즘을 정의합니다.
text-align 문자의 수평 정렬 방식을 규정합니다.
text-align-last text-align를 "justify"로 사용할 때, 강제 줄 바꿈 전에 블록이나 줄의 마지막 줄을 어떻게 정렬할지 설명합니다.
text-combine-upright 다중 문자를 단일 문자의 공간에 결합합니다.
text-decoration text-decoration을 규정합니다.
text-decoration-color text-decoration의 색상을 규정합니다.
text-decoration-line text-decoration의 줄 유형을 규정합니다.
text-decoration-style text-decoration의 줄 스타일을 규정합니다.
text-decoration-thickness 장식선의 두께를 규정합니다.
text-emphasis

이후 속성의 줄이기 속성입니다:
text-emphasis-color 강조 표시의 색상을 지정합니다.
text-emphasis-position 강조 표시의 위치를 지정합니다.
text-emphasis-style 강조 표시의 스타일을 지정합니다.
text-indent text-block 내의 첫 번째 줄의 각도를 규정합니다.
text-justify text-align를 "justify"로 사용할 때의 정렬 방법을 규정합니다.
text-orientation 한 행에서 문자의 방향을 정의합니다.
text-overflow 텍스트가 포함 요소를 벗어나면 발생하는 일을 정의합니다.
text-shadow 텍스트 셰도우를 추가합니다.
text-transform 텍스트의 대문자를 제어합니다.
text-underline-offset 밑줄 텍스트 장식의 이동 거리를 지정합니다.
text-underline-position 밑줄 텍스트 장식의 위치를 지정합니다.
top 정위치된 요소의 상단 위치를 정의합니다.
transform 2D 또는 3D 변환을 요소에 적용합니다.
transform-origin 변환 요소의 위치를 변경할 수 있도록 허용합니다.
transform-style 3D 공간에서 중첩된 요소를 렌더링하는 방법을 정의합니다.
transition 모든 transition-* 속성의 줄임말 속성.
transition-delay 트랜지션 효과를 시작할 적절한 시점을 정의합니다.
transition-duration 트랜지션 효과를 완료하기 위해 필요한 초 또는 밀리초를 정의합니다.
transition-property 트랜지션 효과와 관련된 CSS 속성의 이름을 정의합니다.
transition-timing-function 트랜지션 효과의 속도 곡선을 정의합니다.
translate 요소의 위치를 지정합니다.

U

unicode-bidi direction 속성과 함께 사용하여, 동일한 문서 내에서 여러 언어를 지원하기 위해 텍스트를 덮어쓰는지 여부를 설정하거나 반환합니다.
user-select 요소의 텍스트를 선택할 수 있는지 정의합니다.

V

vertical-align 요소의 수직 정렬 방식을 설정합니다.
visibility 요소가 보이는지 여부를 정의합니다.

W

white-space 요소 내의 공백 문자를 어떻게 처리할지 정의합니다.
widows 페이지 또는 열 상단에 유지해야 할 최소 행 수를 설정합니다.
widows 요소 내에서 페이지 분할이 발생할 경우 페이지 상단에 유지해야 할 최소 행 수를 설정합니다.
width 요소의 너비를 설정합니다.
word-break 단어가 행의 끝에 도달했을 때 어떻게 행에 맞추어야 하는지 정의합니다.
word-spacing 텍스트 내 단어 간격을 늘리거나 줄입니다.
word-wrap 긴 단어가 끊어지지 않고 다음 행으로 이동할 수 있도록 허용합니다.
writing-mode 텍스트 행이 수평이거나 수직으로 배치되는지 정의합니다.

Z

z-index 정위치된 요소의 스택 순서를 설정합니다.
zoom 지정된 요소의 확대 요인. 요소를 확대하고 축소할 수 있습니다.