reference book

CSS 레퍼런스 북

CSS 레퍼런스

번호 속성 설명 중요 보기 비고
01 accent-color 요소의 강조 색상을 지정합니다. star grade grade grade grade
02 align-content 콘텐츠 사이와 콘텐츠 주위 빈 공간을 플렉스 박스'의 교차축 또는 그리드의 블록 축을 따라 배치하는 방식을 결정합니다. star grade grade grade grade
03 align-items 교차축에서 아이템 정렬 하는 속성입니다. 주로 flex에서 item들을 정렬할 때 사용됩니다. star grade grade grade grade
04 align-self 특정 item의 정렬을 따로 하고 싶을 때 사용합니다. star grade grade grade grade
05 all CSS 사용자 지정 속성을 제외한 모든 속성을 초기화합니다. 초깃값, 상속값, 아니면 다른 스타일시트 출처의 값로 설정할 수 있습니다. star grade grade grade grade
06 animation 애니메이션과 관련된 속성을 일괄적로 처리합니다. star star star star star
07 animation-delay 애니메이션 지연 시간을 설정합니다. star star star star star
08 animation-direction 애니메이션 움직임 방향을 설정합니다. star star star grade grade
09 animation-duration 애니메이션 움직인 시간을 설정합니다. star star star star star
10 animation-fill-mode 애니메이션이 끝난 후의 상태를 설정합니다. star star grade grade grade
11 animation-iteration-count 애니메이션의 반복 횟수를 설정합니다. star star star star grade
12 animation-name 애니메이션 keyframe 이름을 설정합니다. star star star star star
13 animation-play-state 애니메이션 진행상태를 설정합니다. star star grade grade grade
14 animation-timeline 애니메이션의 타임라인을 설정합니다. grade grade grade grade grade
15 animation-timing-function 애니메이션 움직임의 속도를 설정합니다. star star star star star
16 appearance 운영체제 및 브라우저에 기본적로 설정되어 있는 테마를 기반로 요소를 표현한다. 즉, 네이티브로 지원되는 모양들을 해제하거나 추가할때 이 속성을 이용할 수 있다. star grade grade grade grade
17 aspect-ratio 요소의 크기를 비율대로 조정할 수 있게 한다. star grade grade grade grade
18 backdrop-filter 요소 뒤 영역에 흐림이나 색상 시프트 등 그래픽 효과를 적용할 수 있는 속성입니다. star grade grade grade grade
19 backface-visibility 요소의 뒷쪽에서 앞면이 보이게 할지 정하는 속성입니다. star grade grade grade grade
20 background 백그라운드 속성을 일괄적로 설정합니다. star star star star star
21 background-attachment 배경 이미지의 고정 여부를 설정합니다. star star star grade grade
22 background-blend-mode 배경을 혼합했을 때 그래픽 효과를 설정합니다. star star star grade grade
23 background-clip 백그라운드 이미지의 위치 기준점을 설정합니다. star grade grade grade grade
24 background-color 백그라운드 색을 설정합니다. star star star star star
25 background-image 백그라운드 이미지 속성을 설정합니다. star star star star star
26 background-origin 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. grade grade grade grade grade
27 background-position 백그라운드 이미지의 위치 영역을 설정합니다. star star star star star
28 background-position-x 백그라운드 이미지의 X축위치 영역을 설정합니다. star grade grade grade grade
29 background-position-y 백그라운드 이미지의 Y축위치 영역을 설정합니다. star grade grade grade grade
30 background-repeat 백그라운드 이미지 반복 여부를 설정합니다. star star star star star
31 background-size 백그라운드 이미지 사이즈를 설정합니다. star star star star star
32 block-size 블럭의 크기를 지정합니다. grade grade grade grade grade
33 border 테두리 속성을 일괄적로 설정합니다. star star star star star
34 border-block 보더블럭 속성을 지정합니다. grade grade grade grade grade
35 border-block-color 보더블럭 색상을 지정합니다. grade grade grade grade grade
36 border-block-end 보더블럭 끝부분을 설정합니다. grade grade grade grade grade
37 border-block-end-color 보더블럭 끝부분 색상을 설정합니다. grade grade grade grade grade
38 border-block-end-style 보더블럭 끝부분 스타일을 설정합니다. grade grade grade grade grade
39 border-block-end-width 보더블럭 끝부분 너비를 설정합니다. grade grade grade grade grade
40 border-block-start 보더블럭의 시작부분을 설정합니다. grade grade grade grade grade
41 border-block-start-color 보더블럭 시작부분을 설정합니다. grade grade grade grade grade
42 border-block-start-style 보더블럭 시작부분 스타일을 설정합니다. grade grade grade grade grade
43 border-block-start-width 보더블럭 시작부분 너비값을 설정합니다. grade grade grade grade grade
44 border-block-style 보더블럭 스타일을 설정합니다. grade grade grade grade grade
45 border-block-width 보더블럭의 너비값을 지정합니다. grade grade grade grade grade
46 border-bottom 아래쪽 속성을 일괄적로 설정합니다. star star star star grade
47 border-bottom-color 테두리 아래쪽 색 속성을 설정합니다. star star star grade grade
48 border-bottom-left-radius 아래 왼쪽 모서리 굴곡을 설정합니다. star star grade grade grade
49 border-bottom-right-radius 아래 오른쪽 모서리 굴곡을 설정합니다. star star grade grade grade
50 border-bottom-style 테두리 아래쪽 스타일 속성을 설정합니다. star star grade grade grade
51 border-bottom-width 테두리 아래쪽 두께 속성을 설정합니다. star star grade grade grade
52 border-collapse 테이블 cell 테두리의 겹침 속성을 설정한다. star grade grade grade grade
53 border-color 테두리의 색상을 지정합니다. star grade grade grade grade
54 border-end-end-radius 속성은 요소의에 따라 물리적 경계 반경에 매핑하는 요소에 논리적 경계 반경 정의 writing-mode , direction , 및 text-orientation . 이것은 텍스트 방향 및 쓰기 모드에 관계없이 작업 할 스타일을 작성할 때 유용 합니다 . star grade grade grade grade
55 border-end-start-radius 이 속성은 요소의 블록 끝과 인라인 시작면 사이의 모서리에 영향을줍니다. star grade grade grade grade
56 border-image 테두리의 이미지를 지정합니다. star grade grade grade grade
57 border-image-outset 테두리를 벗어나는 이미지 양을 지정. star grade grade grade grade
58 border-image-repeat 원본 이미지의 모서리 영역을 요소의 테두리 이미지 크기에 맞춰 조절할 때 사용할 방법을 지정합니다. star grade grade grade grade
59 border-image-slice border-image-source로 설정한 이미지를 여러 개의 영역로 나눕니다. star grade grade grade grade
60 border-image-source 요소의 테두리 이미지로 사용할 원본 이미지를 지정합니다. star grade grade grade grade
61 border-image-width 요소의 테두리 이미지로 사용할 원본 이미지를 지정합니다. star grade grade grade grade
62 border-inline 스타일 시트에서 하나의 장소에서 각각의 논리적 인라인 border 속성 값을 설정합니다. star grade grade grade grade
63 border-inline-color 논리적 인라인 테두리의 색상을 정의합니다. star grade grade grade grade
64 border-inline-end 요소의 논리적 인라인 엔드 테두리 폭을 정의합니다. star grade grade grade grade
65 border-inline-end-color 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 테두리 색상에 매핑하는 요소의 논리적 인라인 엔드 테두리 색상을 정의합니다. star grade grade grade grade
66 border-inline-end-style 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 테두리 스타일에 매핑하는 요소의 논리적 인라인 끝 테두리 스타일을 정의합니다. star grade grade grade grade
67 border-inline-end-width 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 폭 물리적 경계에 매핑하는 요소의 논리적 인라인 엔드 테두리 폭을 정의합니다. star grade grade grade grade
68 border-inline-start 스타일 시트에서 하나의 장소에서 각각의 논리적 인라인 시작 border 속성 값을 설정합니다. star grade grade grade grade
69 border-inline-start-color 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 테두리 색상에 매핑하는 요소의 논리적 인라인 시작 테두리 색상을 정의합니다. star grade grade grade grade
70 border-inline-start-style 속성은 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 테두리 스타일에 매핑하는 요소의 논리적 인라인 시작 테두리 스타일을 정의합니다. star grade grade grade grade
71 border-inline-start-width 속성은 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 폭 물리적 경계에 매핑하는 요소의 논리적 인라인 시작 테두리 폭을 정의합니다. star grade grade grade grade
72 border-inline-style 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 테두리 스타일에 매핑하는 요소의 논리적 인라인 테두리의 스타일을 정의합니다. star grade grade grade grade
73 border-inline-width 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 폭 물리적 경계에 매핑하는 요소의 논리적 인라인 테두리의 폭을 정의합니다. star grade grade grade grade
74 border-left 왼쪽 테두리를 설정합니다. star grade grade grade grade
75 border-left-color 박스의 왼쪽 테두리 색상을 지정합니다. star grade grade grade grade
76 border-left-style 박스의 왼쪽 테두리 영역의 스타일을 지정합니다. star grade grade grade grade
77 border-left-width 박스의 왼쪽 테두리 영역의 너비를 지정합니다. star grade grade grade grade
78 border-radius 테두리를 둥글게 만들 수 있는 속성입니다. star grade grade grade grade
79 border-right 오른쪽 테두리를 설정합니다. star grade grade grade grade
80 border-right-color 박스의 오른쪽 테두리 색상을 지정합니다. star grade grade grade grade
81 border-right-style 박스의 오른쪽 테두리 영역의 스타일을 지정합니다. star grade grade grade grade
82 border-right-width 박스의 오른쪽 테두리 영역의 너비를 지정합니다. star grade grade grade grade
83 border-spacing 테이블 cell과 테두리와의 간격을 지정한다. star grade grade grade grade
84 border-start-end-radius 속성은 요소의에 따라 물리적 경계 반경에 매핑하는 요소에 논리적 경계 반경 정의 writing-mode , direction , 및 text-orientation . 이것은 텍스트 방향 및 쓰기 모드에 관계없이 작업 할 스타일을 작성할 때 유용 합니다 . star grade grade grade grade
85 border-start-start-radius 요소의에 따라 물리적 경계 반경에 매핑하는 요소에 논리적 경계 반경 정의 writing-mode , direction , 및 text-orientation . 이것은 텍스트 방향 및 쓰기 모드에 관계없이 작업 할 스타일을 작성할 때 유용 합니다 . star grade grade grade grade
86 border-style 박스의 테두리 영역의 스타일을 지정합니다. star grade grade grade grade
87 border-top 위쪽 테두리를 설정합니다. star grade grade grade grade
88 border-top-color 박스의 상단 테두리 색상을 지정합니다. star grade grade grade grade
89 border-top-left-radius 라운드 코너의 곡률을 규정하는 타원의 반경 (또는 세미 메이저 및 세미 마이너 축의 반경)을 지정하여 소자의 왼쪽 상단. star grade grade grade grade
90 border-top-right-radius 속성 라운드 코너의 곡률을 규정하는 타원의 반경 (또는 세미 메이저 및 세미 마이너 축의 반경)을 지정하여 소자의 오른쪽 상단. star grade grade grade grade
91 border-top-style 박스의 상단 테두리 영역의 스타일을 지정합니다. star grade grade grade grade
92 border-top-width 박스의 상단 테두리 영역의 너비를 지정합니다. star grade grade grade grade
93 border-width 박스의 테두리 영역의 너비를 지정합니다. star grade grade grade grade
94 bottom 용기블럭의 높이를 참조합니다. 요소가 밑에서부터 어디쯤 배치 될 지 결정합니다. star grade grade grade grade
95 box-decoration-break 요소의 방법 속성을 지정 조각이 여러 행, 열 또는 페이지에 걸쳐 깨진 경우 렌더링해야합니다. star grade grade grade grade
96 box-shadow 요소의 프레임 주위에 그림자 효과를 추가합니다. star grade grade grade grade
97 box-sizing 박스의 크기를 어떤 것을 기준로 계산할지를 정하는 속성입니다. star grade grade grade grade
98 break-after 속성 설정 페이지, 열, 또는 지역 구분은 생성 된 박스 후 행동해야하는 방법. 생성 된 상자가 없으면 속성이 무시됩니다. star grade grade grade grade
99 break-before 세트 페이지, 열, 또는 지역 구분은 생성 된 박스 전에 행동해야하는 방법. 생성 된 상자가 없으면 속성이 무시됩니다. star grade grade grade grade
100 break-inside 속성 설정 페이지, 열, 또는 지역 나누기 생성 된 상자 안에 행동해야하는 방법. 생성 된 상자가 없으면 속성이 무시됩니다. star grade grade grade grade
101 caption-side 표(table)의 캡션의 위치를 정하는 속성 star grade grade grade grade
102 caret-color 색상 설정 삽입 캐럿 , 다음 문자 입력 된 삽입 될 볼 마커를. 이를 텍스트 입력 커서 라고도합니다 . 캐럿은 <input> 과 같은 요소 또는 contenteditable 속성 이있는 요소에 나타납니다. star grade grade grade grade
103 clear float 속성을 해제한다. star grade grade grade grade
104 clip 요소의 보이는 부분을 정의합니다. clip 속성 은 절대 위치 요소, 즉 position:absolute 또는 position:fixed 요소에만 적용됩니다 . star grade grade grade grade delete
105 clip-path 요소의 어떤 부분 집합을 표시 할 것인지 클리핑 영역을 생성한다. star grade grade grade grade
106 color 텍스트 내용의 글자 색상을 지정합니다. star grade grade grade grade
107 color-scheme 요소가 편안하게 렌더링 할 수있는 색 구성표 표시 할 수 있습니다. star grade grade grade grade
108 column-count 해당 요소를 몇 개의 칼럼(column)로 나눌지를 설정합니다. star grade grade grade grade
109 column-fill 컬럼로 쪼갤 때, 얼마나 요소들이 균형이 맞는지 컨트롤 합니다. star grade grade grade grade
110 column-gap (grid-column-gap) 그리드 레이아웃에서 컬럼 간의 간격을 정의합니다. star grade grade grade grade
111 column-rule 속성은 다중 열 레이아웃의 열 사이에 그려진 라인의 폭, 스타일, 색상을 설정한다. star grade grade grade grade
112 column-rule-color 속성은 다중 열 레이아웃의 열 사이에 그려진 라인의 색을 설정한다. star grade grade grade grade
113 column-rule-style 다중 열 레이아웃에서 열 사이에 그려진 라인의 스타일을 설정합니다. star grade grade grade grade
114 column-rule-width 다중 열 레이아웃의 열 사이에 그려진 라인의 폭을 설정한다. star grade grade grade grade
115 column-span 컬럼 span을 설정합니다. star grade grade grade grade
116 column-width 다중 열 레이아웃에서 이상적인 컬럼 폭을 설정한다. star grade grade grade grade
117 columns 다단을 정의 - 단축 속성 star grade grade grade grade
118 contain 특정 요소와 콘텐츠가 문서 트리의 다른 부위와 독립되어있음을 나타낼 때 사용합니다. star grade grade grade grade
119 content 엘리먼트의 앞(:before)이나 뒤(:after)에 내용을 생성합니다. star grade grade grade grade
120 content-visibility 페이지로드 성능을 개선하는 데 가장 영향력있는 속성 star grade grade grade grade
121 counter-increment counter-reset로 설정한 값을 증가시키는 역할 star grade grade grade grade
122 counter-reset 카운터를 사용하려면, counter-reset로 먼저 카운터 이름과 시작값을 설정 해야 합니다. star grade grade grade grade
123 counter-set CSS 카운터 를 주어진 값로 설정합니다. star grade grade grade grade
124 cursor 마우스 커서의 모양을 지정한다. star grade grade grade grade
125 direction 텍스트의 표기 방향을 지정한다. star grade grade grade grade
126 display 엘리먼트의 디스플레이 속성을 지정한다. star grade grade grade grade
127 empty-cells 테두리와 배경이 주위에 표시할지 여부 star grade grade grade grade
128 filter 속성은 요소 흐림 또는 색상 변화와 같은 그래픽 효과를 적용한다. star grade grade grade grade
129 flex 요소들을 자유자제로 위치 시키는 속성로, 레이아웃을 쉽게 잡을 수 있다. star grade grade grade grade
130 flex-basis 플렉스 항목의 초기 기본 크기를 설정합니다. star grade grade grade grade
131 flex-direction CSS3에 추가된 속성로 flexible item이 flex 컨테이너 안에 위치되는 방법을 지정한다. star grade grade grade grade
132 flex-flow 플렉스 컨테이너의 방향,뿐만 아니라 포장 동작을 지정한다. star grade grade grade grade
133 flex-grow flex-item 요소가, flex-container 요소 내부에서 할당 가능한 공간의 정도를 선언합니다. star grade grade grade grade
134 flex-shrink 공간을 넘어갈 경우에 각 아이템들을 줄이는 방법을 설정하는 방법입니다. star grade grade grade grade
135 flex-wrap flexible item을 wrap 할것인지 아닌지를 지정한다. star grade grade grade grade
136 float 용기박스를 왼쪽 또는 오른쪽로 이동하거나 이동하지 않음을 지정한다. star grade grade grade grade
137 font 엘리먼트안의 텍스트 컨텐츠의 font-style, font-variant, font-weight, font-size, line-height, font-family를 설정하는 약식속성이다. star grade grade grade grade
138 font-family 특정 글꼴이나 대표 글꼴을 지정한다. star grade grade grade grade
139 font-feature-settings 오픈타입 폰트의 다양한 오픈타입 피처를 설정합니다. star grade grade grade grade
140 font-kerning 저장된 폰트 자간 정보의 사용을 설정한다. star grade grade grade grade
141 font-language-override 서체에서 특정 언어의 상형 문자의 사용을 제어합니다. star grade grade grade grade
142 font-optical-sizing 서로 다른 크기로 볼 수 있도록 최적화되어 있는지 설정합니다. star grade grade grade grade
143 font-size 글꼴의 크기를 지정한다. star grade grade grade grade
144 font-size-adjust (대문자의 크기를 정의하는) 현재의 폰트 크기에 대한 소문자의 크기를 설정한다. star grade grade grade grade
145 font-stretch 글꼴 에서 노멀, 압축 또는 확장면을 선택합니다. star grade grade grade grade
146 font-style font-family에서 지정된 폰트의 스타일을 지정합니다. star grade grade grade grade
147 font-synthesis 브라우저가 굵은 글꼴과 이탤릭 글꼴을 합성하는 것을 허용할지 설정합니다. star grade grade grade grade
148 font-variant 소문자를 작은 대문자, 즉 소문자 크기의 대문자로 바꾸는 속성입니다. star grade grade grade grade
149 font-variant-alternates 대체 글리프의 사용을 제어합니다. star grade grade grade grade
150 font-variant-caps 대문자를위한 대체 글리프의 사용을 제어합니다. star grade grade grade grade
151 font-variant-east-asian 일본과 중국 등 동아시아 스크립트를 대체 글리프의 사용. star grade grade grade grade
152 font-variant-ligatures 글꼴의 글자들을 서로 더 조화롭게 보이도록 하는 기능을 지정합니다. star grade grade grade grade
153 font-variant-numeric 숫자, 분수 및 서수 마커 대체 글리프의 사용을 제어합니다. star grade grade grade grade
154 font-variant-position 글꼴에 내장된 윗 첨자 또는 아랫첨자를 사용하도록 지정합니다. star grade grade grade grade
155 font-variation-settings Variable fonts(가변 폰트) 의 폰트 스타일을 제어하는 CSS 속성입니다. star grade grade grade grade
156 font-weight 글꼴의 굵기를 지정한다. star grade grade grade grade
157 forced-color-adjust 강제 색상 모드 중 선택 하여 특정 요소에 대한 저장을 할 수 있습니다. star grade grade grade grade
158 gap (grid-gap) row-gap 및 column-gap 의 약어 입니다. (갭제어) star grade grade grade grade
159 grid 2차원 표형태의 레이아웃을 만들 수 있는 속성입니다. star grade grade grade grade
160 grid-area grid-templete-areas에 지정한 영역을 정의해준다. star grade grade grade grade
161 grid-auto-columns 암시 적로 생성 된 그리드 컬럼의 크기를 지정 트랙 이나 트랙의 패턴을 지정합니다. star grade grade grade grade
162 grid-auto-flow 자동 배치 알고리즘이 자동 배치 항목을 그리드로 유입 얻을 방법을 정확하게 지정 작동 방식 CSS 속성을 제어합니다. star grade grade grade grade
163 grid-auto-rows 암시 적로 생성 된 그리드 행의 크기를 지정 트랙 이나 트랙의 패턴을 지정합니다. star grade grade grade grade
164 grid-column 격자 아이템의 크기 및 위치 지정 합니다. star grade grade grade grade
165 grid-column-end 그리드 열 내에서 그리드 항목의 끝 위치를 지정합니다. star grade grade grade grade
166 grid-column-start 그리드 열 내에서 그리드 항목의 시작 위치를 지정합니다. star grade grade grade grade
167 grid-row 그리드의 인라인 시작 및 인라인 끝 가장자리를 지정합니다. star grade grade grade grade
168 grid-row-end 그리드 영역 의 인라인 끝 가장자리를 지정합니다. star grade grade grade grade
169 grid-row-start 그리드 영역 의 인라인 시작 가장자리를 지정합니다. star grade grade grade grade
170 grid-template 그리드의 열, 행 및 지역을 정의하기위한 약식속성입니다. star grade grade grade grade
171 grid-template-areas 레이아웃이 어떤 형태로 구성되는지 설계도의 역할을 한다. star grade grade grade grade
172 grid-template-columns 열 넓이를 지정한다. star grade grade grade grade
173 grid-template-rows 행 높이를 지정한다. star grade grade grade grade
174 hanging-punctuation 구두점이 시작 정지 또는 텍스트 행의 종료 여부를 속성 지정합니다. star grade grade grade grade
175 height 블럭레벨 요소의 높이를 지정한다. star grade grade grade grade
176 hyphenate-character 하이픈 나누기 전 줄 끝에서 사용되는 문자(또는 문자열)를 설정합니다. star grade grade grade grade
177 hyphens 단어를 여러 줄에 걸쳐 때 텍스트 랩을 하이픈되어야하는 속성을 지정합니다. star grade grade grade grade
178 image-orientation 이미지 방향에 대한 레이아웃 독립적 수정을 지정합니다. star grade grade grade grade
179 image-rendering 이미지 스케일링 알고리즘을 설정한다. star grade grade grade grade
180 image-resolution 해상도를 설정합니다. star grade grade grade grade
181 ime-mode IME(Input Method Editor)의 상태를 반환하거나 설정합니다. star grade grade grade grade delete
182 initial-letter 세트, 떨어 제기하고, 침몰 초기 문자에 대한 스타일링. star grade grade grade grade
183 initial-letter-align 단락 내에서 초기 문자의 정렬을 지정합니다. star grade grade grade grade
184 inline-size 요소의 블록의 수평과 수직 크기를 정의한다. star grade grade grade grade
185 inset element와 테두리 사이의 element 내부에 있는 공간을 의미합니다. star grade grade grade grade
186 inset-block 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 실제 오프셋에 매핑하는 요소의 논리 블록의 시작과 끝 오프셋을 정의합니다. star grade grade grade grade
187 inset-block-end 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 인 세트에 매핑하는 요소의 오프셋 (offset) 논리 블록의 끝을 정의합니다. star grade grade grade grade
188 inset-block-start 논리적 블록 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 인 세트에 매핑하는 요소의 오프셋 시작을 정의합니다. star grade grade grade grade
189 inset-inline 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 실제 오프셋에 매핑 인라인 방향로 요소의 논리적 시작과 끝 오프셋을 정의합니다. star grade grade grade grade
190 inset-inline-end 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 오프셋에 매핑하는 요소의 논리적 인라인 최종 삽입을 정의합니다. star grade grade grade grade
191 inset-inline-start 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 오프셋에 매핑하는 요소의 논리적 인라인 시작 인 세트를 정의합니다. star grade grade grade grade
192 isolation 요소가 새로운 생성해야하는지 여부를 결정합니다. star grade grade grade grade
193 justify-content 가로축 - 중심축을 기준로 아이템들을 정렬한다. 주로 flex랑 사용된다. star grade grade grade grade
194 justify-items 수직축을 중심로 좌우로 위치를 조정하는 속성입니다. Flexbox와 같은 개념입니다. star grade grade grade grade
195 justify-self 상자가 적절한 축 방향의 정렬 컨테이너 내부 정당화되는 방법을 설정합니다. star grade grade grade grade
196 left 용기블럭의 너비를 참조합니다. 요소가 왼쪽에서 어느 위치에 배치 될 지 결정합니다. star grade grade grade grade
197 letter-spacing 텍스트 문자 사이의 수평 간격 동작을 설정합니다. star grade grade grade grade
198 line-break 줄 바꿈 규칙을 어떻게 할지 결정합니다. star grade grade grade grade
199 line-height 인라인 박스의 높이를 지정한다. star grade grade grade grade
200 line-height-step 라인 박스의 높이에 대한 공정 유닛을 설정한다. star grade grade grade grade
201 list-style 목록 항목의 속성들(list-style-type, list-style-position, list-style-image)을 한꺼번에 지정하는 약식속성입니다. star grade grade grade grade
202 list-style-image 목록 항목 마커로 사용되는 이미지를 설정합니다. star grade grade grade grade
203 list-style-position 속성의 위치 설정 합니다. star grade grade grade grade
204 list-style-type 목록 항목 요소 (예 : 디스크, 문자, 또는 사용자 정의 카운터 스타일 등) 마커를 설정합니다. star grade grade grade grade
205 margin 엘리먼트와 엘리먼트 사이의 간격을 지정 star grade grade grade grade
206 margin-block 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 한계에 매핑하는 요소의 논리 블록의 시작과 끝 여백을 정의합니다. star grade grade grade grade
207 margin-block-end 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 한계에 매핑하는 요소의 논리적 블록 끝 마진을 정의합니다. star grade grade grade grade
208 margin-block-start 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 한계에 매핑하는 요소의 논리 블록 시작 마진을 정의합니다. star grade grade grade grade
209 margin-bottom 요소 밑에 쪽 마진을 설정합니다. star grade grade grade grade
210 margin-inline 약식 속성입니다 정의하는 두 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 한계에 매핑하는 요소의 논리적 인라인 시작과 끝 여백. star grade grade grade grade
211 margin-inline-end 속성은 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 한계에 매핑하는 요소의 논리적 인라인 끝 마진을 정의합니다. star grade grade grade grade
212 margin-inline-start 속성은 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 한계에 매핑하는 요소의 논리적 인라인 시작 마진을 정의합니다. star grade grade grade grade
213 margin-left 소 왼쪽의 여백 영역을 설정 합니다. star grade grade grade grade
214 margin-right 엘리먼트의 오른쪽 마진을 지정한다. star grade grade grade grade
215 margin-top 엘리먼트의 상단 마진을 지정한다. star grade grade grade grade
216 margin-trim 컨테이너가 컨테이너의 가장자리에 인접한 자식의 여백을 트리밍할 수 있습니다 . star grade grade grade grade
217 mask 아이템이 부분적로만 보여지게 하거나 혹은 완전히 가려서 보여지지 않게 할 수 있는 기능을 가지고 있습니다. star grade grade grade grade
218 mask-border 요소의 경계의 가장자리를 따라 마스크를 만들 수 있습니다. star grade grade grade grade
219 mask-border-mode 블렌딩 모드를 지정하는 마스크의 테두리 star grade grade grade grade
220 mask-border-outset 요소의있는 거리 지정 마스크 보더 의 경계 상자에서 밖로 설정됩니다. star grade grade grade grade
221 mask-border-repeat 속성 세트 에지 영역 , 소스 이미지가 요소의의 크기에 맞게 조정되는 마스크 테두리. star grade grade grade grade
222 mask-border-slice 요소 마스크 테두리 의 구성 요소를 형성하는 데 사용됩니다 . star grade grade grade grade
223 mask-border-source 동적 최종 마스크 테두리에 적용되는 영역로 소스 이미지를 분할하는데 사용된다. star grade grade grade grade
224 mask-border-width 속성은 엘레멘트의 너비 설정 마스크 경계를 설정합니다. star grade grade grade grade
225 mask-clip 마스크에 의해 영향을받는 영역을 결정한다. star grade grade grade grade
226 mask-composite 그 다음 마스크 층과 현재의 마스크 층에 사용되는 합성 동작을 나타낸다. star grade grade grade grade
227 mask-image 마스크 층로서 사용되는 화상을 설정한다. star grade grade grade grade
228 mask-mode 정의 된 마스크 참조 여부 속성 세트 star grade grade grade grade
229 mask-origin 마스크의 원점을 설정합니다. star grade grade grade grade
230 mask-position 마스크의 위치를 설정합니다. star grade grade grade grade
231 mask-repeat 마스크 이미지를 반복하는 방법을 속성 집합을 설정합니다. star grade grade grade grade
232 mask-size 마스크 이미지의 크기를 지정합니다. star grade grade grade grade
233 mask-type 마스크 타입을 설정합니다. star grade grade grade grade
234 max-block-size 기입 방향로 규정되는 방향의 반대측에있는 요소들의 최대 크기를 지정하는 writing-mode . 즉, 쓰기 방향이 수평이면 max-block-size 는 max-height 와 같습니다 . star grade grade grade grade
235 max-height 엘리먼트의 최대 높이를 지정한다. star grade grade grade grade
236 max-inline-size 기록 모드에 따라서, 요소의 블록의 수평 또는 수직의 최대 크기를 정의한다. star grade grade grade grade
237 max-width 엘리먼트의 최대 넒이를 지정한다. star grade grade grade grade
238 min-block-size 기록 모드에 따라서, 요소의 블록의 최소 수평 또는 수직 크기를 정의한다. star grade grade grade grade
239 min-height 엘리먼트의 내용영역 높이의 최소값을 지정한다. 음수값은 지정할 수 없다. star grade grade grade grade
240 min-inline-size 기록 모드에 따라서, 요소의 블록의 수평 또는 수직의 최소 크기를 정의한다. star grade grade grade grade
241 min-width 엘리먼트의 최소 넓이를 지정한다. star grade grade grade grade
242 mix-blend-mode 요소의 내용은 요소의 부모의 내용과 요소의 배경로 혼합하는 방법. star grade grade grade grade
243 object-fit img 나 video 요소와 같은 대체 요소의 콘텐츠 크기를 어떤 방식로 조절해 요소에 맞출 것인지 지정합니다. star grade grade grade grade
244 object-position 대체 요소의 콘텐츠 정렬 방식을 지정합니다. star grade grade grade grade
245 offset 정의 된 경로를 따라 애니메이션화 된 요소에 필요한 모든 속성을 설정한다. star grade grade grade grade
246 offset-anchor 실제로 경로를 따라 움직이는 offset-path 를 따라 이동하는 요소의 상자 내부 지점을 지정합니다 . star grade grade grade grade
247 offset-distance CSS 속성 지정은 함께 위치 offset-path 요소의 위치가된다. star grade grade grade grade
248 offset-path 수행 할 요소의 이동 경로를 지정하고, 부모 컨테이너 내의 요소의 위치를 정의 또는 SVG 좌표계. star grade grade grade grade
249 offset-position 오프셋의 위치값을 설정합니다. star grade grade grade grade
250 offset-rotate 소자의 배향 / 정의 방향 offset-path . star grade grade grade grade
251 opacity 요소의 투명도를 결정합니다. star grade grade grade grade
252 order 플렉스 또는 그리드 컨테이너에서 항목을 배치하는 순서를 설정합니다. star grade grade grade grade
253 orphans 표시해야하는 블록 컨테이너 선의 최소 설정 저면 (A)의 페이지 , 영역 또는 컬럼 . star grade grade grade grade
254 outline 단일 선언에서 대부분의 개요 속성을 설정합니다 . star grade grade grade grade
255 outline-color 요소의 외곽선의 색상을 설정합니다. star grade grade grade grade
256 outline-offset 간 공간 설정 윤곽 요소의 가장자리 또는 경계. star grade grade grade grade
257 outline-style 요소의 윤곽의 스타일을 설정합니다. 윤곽선은 border 외부의 요소 주위에 그려지는 선입니다 . star grade grade grade grade
258 outline-width 엘레멘트의 윤곽의 두께를 설정합니다. star grade grade grade grade
259 overflow 내용이 박스보다 큰 경우 밖로 넘친 부분을 어떻게 표시할지를 지정한다. star grade grade grade grade
260 overflow-anchor 조정 스크롤 위치가 내용의 변화를 최소화하기 위해 브라우저의 스크롤 고정 행동을 거부 할 수있는 방법을 제공합니다. star grade grade grade grade
261 overflow-block 상자의 블록 시작과 블록 끝 가장자리를 오버 플로우 어떤 쇼 속성 집합. 이것은 아무것도, 스크롤 막대 또는 오버플로 내용 일 수 있습니다. star grade grade grade grade
262 overflow-clip-margin 얼마나 외부의 경계를 가지는 요소를 결정 star grade grade grade grade
263 overflow-inline 내용이 상자의 인라인 시작과 끝 가장자리를 오버 플로우 어떤 쇼 속성 집합. star grade grade grade grade
264 overflow-wrap 라우저가 줄 상자를 넘쳐에서 텍스트를 방지하기 위해 다른 깨지지 않는 문자열 내에서 줄 바꿈을 삽입할지 여부를 설정, 인라인 요소에 적용됩니다. star grade grade grade grade
265 overflow-x 블록 레벨 요소의 왼쪽과 오른쪽 가장자리를 오버 플로우 어떤 쇼 속성 집합. star grade grade grade grade
266 overflow-y 블록 레벨 엘리먼트의 상부 및 하부 가장자리를 넘쳐 어떤 방송 속성 세트. 이것은 아무것도 아니거나 스크롤 막대 또는 오버플로 내용 일 수 있습니다. star grade grade grade grade
267 overscroll-behavior 스크롤 영역의 경계에 도달 할 때 브라우저가 무엇 CSS 속성을 설정합니다. star grade grade grade grade
268 overscroll-behavior-block 스크롤 영역의 블록 방향 경계에 도달하면 CSS 속성은 브라우저의 동작을 설정합니다. star grade grade grade grade
269 overscroll-behavior-inline 스크롤 영역의 인라인 방향의 경계에 도달하면 CSS 속성은 브라우저의 동작을 설정합니다. star grade grade grade grade
270 overscroll-behavior-x 스크롤 영역의 수평 경계에 도달하면 CSS 속성은 브라우저의 동작을 설정합니다. star grade grade grade grade
271 overscroll-behavior-y 스크롤 영역의 수직 경계에 도달하면 CSS 속성은 브라우저의 동작을 설정합니다. star grade grade grade grade
272 padding 엘리먼트의 상, 하, 좌, 우 여백을 한꺼번에 지정합니다. star grade grade grade grade
273 padding-block-end 속성은 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 패딩에 매핑하는 요소의 논리적 블록 끝 패딩을 정의합니다. star grade grade grade grade
274 padding-block-start 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 패딩에 매핑하는 요소의 논리 블록 시작 패딩을 정의합니다. star grade grade grade grade
275 padding-bottom 요소 내부의 아래쪽 여백을 설정합니다. star grade grade grade grade
276 padding-inline-end 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 패딩에 매핑하는 요소의 논리적 인라인 최종 패딩을 정의합니다. star grade grade grade grade
277 padding-inline-start 요소의 쓰기 모드, 방향성, 텍스트 방향에 따라 물리적 패딩에 매핑하는 요소의 논리적 인라인 시작 패딩을 정의합니다. star grade grade grade grade
278 padding-left 엘리먼트의 왼쪽 여백을 지정한다. star grade grade grade grade
279 padding-right 엘리먼트의 오른쪽 여백을 지정한다. star grade grade grade grade
280 padding-top 요소의 위쪽 패딩을 결정합니다. star grade grade grade grade
281 page-break-after 페이지 나누기 후 현재 요소. star grade grade grade grade
282 page-break-before 이 속성은 break-before 속성 로 대체되었습니다 . star grade grade grade grade
283 page-break-inside 이 속성은 break-inside 속성로 대체되었습니다 . star grade grade grade grade
284 perspective 3 차원 위치 요소 일부 관점을 제공하기 위해, Z = 0 인 평면과 사용자 사이의 거리를 결정한다. star grade grade grade grade
285 perspective-origin 변형되는 요소에 배치되는 perspective() 변형 함수 와 달리 3차원 공간에서 변형된 자식의 부모에 첨부됩니다 . star grade grade grade grade
286 place-content CSS의 단축형 속성 (즉, 한 번에 블록 및 인라인 두 방향을 따라 정렬 내용을 수행 할 수 있습니다 align-content 및 justify-content 등 관련 레이아웃 시스템의 특성) 그리드 또는 인 flexbox . star grade grade grade grade
287 place-items 약식 속성은 한 번에 블록 및 인라인 두 방향을 따라 정렬 항목을 수행 할 수 있습니다 (즉, align-items 및 justify-items 속성)과 같은 관련 레이아웃 시스템에 그리드 또는 인 flexbox . 두 번째 값이 설정되지 않은 경우 첫 번째 값도 사용됩니다. star grade grade grade grade
288 place-self 단축형 속성은 당신이 (즉, 한 번에 블록과 인라인 방향 모두에서 개별 항목을 정렬 할 수 있습니다 align-self 와 justify-self 와 같은 관련 레이아웃 시스템의 속성을) 그리드 또는 인 flexbox . 두 번째 값이 없으면 첫 번째 값도 사용됩니다. star grade grade grade grade
289 pointer-events 어떤 상황 (있는 경우)에 따라 속성 집합은 특정 그래픽 요소가 될 수있는 대상 포인터 이벤트. star grade grade grade grade
290 position 엘리먼트의 배치방법을 지정한다. star grade grade grade grade
291 print-color-adjust 출력 장치에서 요소의 모양을 최적화하기 위해 사용자 에이전트 가 수행할 수 있는 작업을 설정합니다. star grade grade grade grade
292 quotes 브라우저가 사용하는 추가 인용 부호를 렌더링하는 방법을 속성 집합을 설정합니다. star grade grade grade grade
293 resize 요소 의 크기를 조정할 수 있는지 여부와 방향을 결정합니다. star grade grade grade grade
294 right 용기블럭의 너비를 참조합니다. 요소가 오른쪽에서 어디에 배치 될 지 결정합니다. star grade grade grade grade
295 rotate 각각 독립적로의 회전 변환을 지정할 수 있습니다 star grade grade grade grade
296 row-gap (grid-row-gap) 요소의 행 사이 의 간격( gutter ) 크기를 설정합니다. star grade grade grade grade
297 ruby-align 기재 위에 다른 루비 원소의 분포를 정의한다. star grade grade grade grade
298 ruby-position 기본 요소에 루비 요소 친척의 위치를 정의합니다. 요소 위( over ), 요소 아래( under ) 또는 오른쪽에 있는 문자 사이( inter-character )에 위치할 수 있습니다. star grade grade grade grade
299 scale 개별적로 독립적 규모의 변환을 지정할 수 있습니다. star grade grade grade grade
300 scroll-behavior 탐색 또는 CSSOM 스크롤 API에서 트리거 스크롤 할 때 속성은 스크롤 상자의 동작을 설정합니다. star grade grade grade grade
301 scroll-margin 훨씬처럼 값을 지정, 한 번에 요소의 스크롤 여백의 모든 설정합니다. star grade grade grade grade
302 scroll-margin-block 블록 차원의 요소의 스크롤 마진을 설정한다. star grade grade grade grade
303 scroll-margin-block-end 상자를 스냅포트에 맞추는 데 사용되는 블록 차원의 끝에서 스크롤 스냅 영역의 여백을 정의합니다 . star grade grade grade grade
304 scroll-margin-block-start 이 상자를 스냅포트에 맞추는 데 사용되는 블록 차원의 시작 부분에서 스크롤 스냅 영역의 여백을 정의합니다. star grade grade grade grade
305 scroll-margin-bottom 엘리먼트의 하단 마진을 지정한다. star grade grade grade grade
306 scroll-margin-inline 인라인 차원의 요소의 스크롤 마진을 설정한다. star grade grade grade grade
307 scroll-margin-inline-end 이 상자를 snapport에 맞추는 데 사용되는 인라인 차원의 끝에서 스크롤 스냅 영역의 여백을 정의합니다 . star grade grade grade grade
308 scroll-margin-inline-start 이 상자를 snapport에 맞추는 데 사용되는 인라인 차원의 시작 부분에서 스크롤 스냅 영역의 여백을 정의합니다 . star grade grade grade grade
309 scroll-margin-left 엘리먼트의 왼쪽 마진을 지정한다. star grade grade grade grade
310 scroll-margin-right 이 상자를 snapport에 맞추는 데 사용되는 스크롤 스냅 영역의 오른쪽 여백을 정의합니다. star grade grade grade grade
311 scroll-margin-top 이 상자를 snapport에 맞추는 데 사용되는 스크롤 스냅 영역의 위쪽 여백을 정의합니다. star grade grade grade grade
312 scroll-padding 한 번에 요소의 모든면에 세트 스크롤 패딩을 설정합니다. star grade grade grade grade
313 scroll-padding-block 블록 차원의 요소의 스크롤 패딩을 설정한다. star grade grade grade grade
314 scroll-padding-block-end 블록 사이즈의 단부 에지 오프셋을 정의합니다. star grade grade grade grade
315 scroll-padding-block-start 블록 사이즈의 시작 에지에 대한 속성을 정의 오프셋을 설정합니다. star grade grade grade grade
316 scroll-padding-bottom 밑바닥 오프셋을 정의 star grade grade grade grade
317 scroll-padding-inline 인라인 차원의 요소의 스크롤 패딩을 설정한다. star grade grade grade grade
318 scroll-padding-inline-end 인라인 측정에 단부 가장자리의 속성을 정의 star grade grade grade grade
319 scroll-padding-inline-start 인라인 측정의 시작 에지에 대한 속성을 정의 옵셋 영역 보는 최적의 사용자의 관점에서 일을 배치하기위한 대상 영역 star grade grade grade grade
320 scroll-padding-left 좌측의 속성을 정의 옵셋 최적 가시 영역 은 사용자의 관점에서 일을 배치하기위한 대상 영역로서 사용하는 영역을 정의합니다. star grade grade grade grade
321 scroll-padding-right 우측에 대한 오프셋을 정의합니다. star grade grade grade grade
322 scroll-padding-top 속성의 상단에 대해 오프셋을 정의 star grade grade grade grade
323 scroll-snap-align 상자의 스냅 위치를 스냅 컨테이너의 스냅포트(정렬 컨테이너) 내에서 스냅 영역(정렬 주제)의 정렬로 지정합니다. star grade grade grade grade
324 scroll-snap-coordinate 이 기능은 더 이상 권장되지 않습니다. star grade grade grade grade delete
325 scroll-snap-destination 이 기능은 더 이상 권장되지 않습니다. star grade grade grade grade delete
326 scroll-snap-points-x 물리보다는 논리상 방향과 차원 맵핑을 통해 레이아웃을 제어하는 능력을 제공하는 속성 및 값을 정의하는 CSS 모듈입니다. star grade grade grade grade delete
327 scroll-snap-points-y 물리보다는 논리상 방향과 차원 맵핑을 통해 레이아웃을 제어하는 능력을 제공하는 속성 및 값을 정의하는 CSS 모듈입니다. star grade grade grade grade delete
328 scroll-snap-stop 스크롤 컨테이너가 "건너"가능한 스냅 위치에 허용되는지 여부 속성을 정의합니다. star grade grade grade grade
329 scroll-snap-type 포인트를 고정하는 방법을 엄격 속성 집합 하나가 경우에 스크롤 컨테이너에 적용됩니다. star grade grade grade grade
330 scrollbar-color 속성은 스크롤 트랙과 엄지 손가락의 색상을 설정합니다. star grade grade grade grade
331 scrollbar-width 사용하면 작성자가 요소 의 스크롤 막대가 표시될 때 최대 두께를 설정할 수 있습니다. star grade grade grade grade
332 shape-image-threshold 속성에 대한 값로 이미지를 이용한 형상 추출 할 알파 채널 임계 값을 설정합니다. star grade grade grade grade
333 shape-margin 성 집합은 CSS 모양의 마진을 사용하여 생성 된 shape-outside . star grade grade grade grade
334 shape-outside 속성은 인접한 인라인 콘텐츠가 둘러싸야 하는 사각형이 아닐 수 있는 모양을 정의합니다 . star grade grade grade grade
335 tab-size 탭 문자 (+ 0009 U)의 폭을 지정하는 데 사용됩니다. star grade grade grade grade
336 table-layout 테이블의 레이아웃을 정의합니다. star grade grade grade grade
337 text-align 블럭안 인라인 인라인 요소의 수평 정렬을 지정한다. star grade grade grade grade
338 text-align-last 블록 또는 행의 마지막 줄 오른쪽 강제 줄 바꿈하기 전에, 정렬되는 방식 CSS 속성을 설정합니다. star grade grade grade grade
339 text-combine-upright 속성 세트는 문자의 조합을 단일 문자의 공간로. 결합 된 텍스트가 1em보다 넓은 경우 사용자 에이전트는 1em 이내의 콘텐츠에 맞아야합니다. star grade grade grade grade
340 text-decoration 텍스트에 밑줄, 윗줄, 가운데줄이나 깜빡거림의 장식적인 요소를 지정한다. star grade grade grade grade
341 text-decoration-color 텍스트 요소의 밑줄의 색깔을 결정합니다. star grade grade grade grade
342 text-decoration-line 속성 집합 같은 밑줄 또는 윗줄로, 요소의 텍스트에 사용되는 장식의 종류. star grade grade grade grade
343 text-decoration-skip 요소에 영향을 미치는 텍스트 장식이 건너뛰어야 하는 요소 콘텐츠의 부분을 설정합니다. star grade grade grade grade
344 text-decoration-skip-ink 글리프 센더와 디 센더를 통해 통과 할 때 overlines와 밑줄이 그려하는 방법 속성 지정합니다. star grade grade grade grade
345 text-decoration-style 속성에 의해 지정된 라인의 스타일 설정 text-decoration-line . 스타일은 text-decoration-line 로 설정된 모든 행에 적용됩니다 . star grade grade grade grade
346 text-emphasis 텍스트에 강조 표시를 적용합니다. star grade grade grade grade
347 text-emphasis-color 속성을 강조 마크의 색상을 설정합니다. star grade grade grade grade
348 text-emphasis-position 루비 텍스트처럼 강조 표시를위한 공간이 충분하지 않으면 줄 높이가 증가합니다. star grade grade grade grade
349 text-emphasis-style 속성이 강조 표시의 모양을 설정합니다. star grade grade grade grade
350 text-indent 블록의 텍스트 행하기 전에 넣어 빈 공간 (들여 쓰기)의 길이를 설정합니다. star grade grade grade grade
351 text-justify 텍스트에 적용되어야한다 star grade grade grade grade
352 text-orientation 속성은 행의 텍스트 문자의 방향을 설정합니다. star grade grade grade grade
353 text-overflow 숨겨진 오버플로 콘텐츠가 사용자에게 신호되는 방식을 설정합니다. star grade grade grade grade
354 text-rendering 텍스트를 렌더링 할 때 최적화 할 작업에 대한 렌더링 엔진에 대한 정보를 제공합니다. star grade grade grade grade
355 text-shadow 텍스트에 그림자를 추가합니다. star grade grade grade grade
356 text-size-adjust (모바일 폰트 크기 조정 관련) star grade grade grade grade
357 text-transform 텍스트를 활용하는 CSS 속성을 지정합니다. star grade grade grade grade
358 text-underline-position 속성은 사용하여 설정 밑줄의 위치를 지정합니다. star grade grade grade grade
359 top 용기블럭의 높이를 참조합니다. 위쪽에서 요소가 어디에 배치 될 것인가 결정합니다. star grade grade grade grade
360 touch-action 터치 스크린 사용자가 조작 할 수있는 방법을 CSS 속성을 설정합니다. star grade grade grade grade
361 transform 요소를 변형시킬 수 있습니다. star grade grade grade grade
362 transform-box 박스의 변형효과를 설정합니다. star grade grade grade grade
363 transform-origin 요소의 변환에 대한 원점을 설정합니다. star grade grade grade grade
364 transform-style 요소의 아이들이 3D 공간에 위치하거나 요소의 평면에 평평 여부 속성 집합. star grade grade grade grade
365 transition 애니메이션 효과를 입힐 때 속도를 조절하는 방법을 제공합니다. star grade grade grade grade
366 transition-delay 속성의 시작하기 전에 대기하는 CSS 속성 지정 기간 전환 효과 때 그 값 변경. star grade grade grade grade
367 transition-duration 전환 애니메이션 완료하는 데 소요되는 시간을 설정합니다. star grade grade grade grade
368 transition-property 트렌지션 프로퍼티를 설정합니다. star grade grade grade grade
369 transition-timing-function 변화의 타이밍을 정의합니다. star grade grade grade grade
370 translate transform 속성로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. star grade grade grade grade
371 unicode-bidi 함께와 direction 특성, 문서의 양방향 텍스트가 처리되는 방법을 결정합니다. star grade grade grade grade
372 user-select 사용자가 텍스트를 선택할 수 있는지 여부를 속성을 제어합니다. star grade grade grade grade
373 vertical-align 인라인 엘리먼트나 테이블의 셀 안에서 수직정렬을 지정한다. star grade grade grade grade
374 visibility 문서의 레이아웃을 변경하지 않고 CSS 속성 표시하거나 숨기는 소자입니다. star grade grade grade grade
375 white-space 공백문자를 어떻게 다룰것인가를 정의 한다. star grade grade grade grade
376 widows 표시해야하는 블록 컨테이너 선의 최소 개수 설정 상부 (A)의 페이지 , 영역 또는 컬럼 . star grade grade grade grade
377 width 블럭레벨 요소의 너비를 지정한다. star grade grade grade grade
378 will-change 요소에 예상되는 변화의 종류에 관한 힌트를 브라우저에 제공케 한다. star grade grade grade grade
379 word-break 단어의 분리를 어떻게 할 것인지 결정합니다. star grade grade grade grade
380 word-spacing 단어 사이의 간격을 지정한다. star grade grade grade grade
381 writing-mode 텍스트의 선이 수평 또는 수직로 배치 여부 속성 집합뿐만 아니라 블록이 진행되는 방향. star grade grade grade grade
382 z-index 엘리먼트의 겹쳐지는 순서를 지정한다. star grade grade grade grade
선택자 종류 예시 설명 중요 비고
기본 선택자 태그 선택자 div {color: #fff;} div 태그를 선택하여 글씨 색을 하얀색으로 변경합니다 star star star star star
클래스 선택자 .class {color: #fff;} 클래스(.class)를 선택하여 글씨 색을 하얀색으로 변경합니다 star star star star star
아이디 선택자 #id {color: #fff;} 아이디(#id)를 선택하여 글씨 색을 하얀색으로 변경합니다 star star star star star
그룹 선택자 h1,h2,h3,h4,h5,h6 {font-weight: normal;} 여러개의 태그를 선택하여 폰트 두께를 기본값으로 설정합니다. star star star star star
전체 선택자 * {margin: 0} 전체 태그를 선택하여 바깥쪽 여백을 0으로 설정합니다. star star star star star
계층 선택자 하위 선택자 div p {color: #fff;} div 태그의 모든 후손 요소인 p 태그를 선택하여 글씨 색을 하얀색으로 변경합니다. star star star star star
자식 선택자 div > p {color: #fff;} div 태그의 직계 자손 p 태그를 모두 선택하여 글씨 색을 하얀색으로 변경합니다. star star star grade grade
형제 선택자 div ~ p {color: #fff;} div 태그의 같은 계층의 모든 p 태그를 선택하여 글씨 색을 하얀색으로 변경합니다. star star star grade grade
인접 선택자 div + p {color: #fff;} div 태그를 선택하여 바로 뒤에 나오는 p 태그를 선택해서 글씨 색을 하얀색으로 변경합니다. star star star grade grade
속성 선택자 [name] h3[class]{color:blue;} h3인 태그의 클래스가 있으면 글씨색을 blue로 바꾼다. star star star grade grade
[name="value"] p[class="icox"] {color : red;} p 태그의 class값이 유일하게 icox인 태그를 선택하여 글씨색을 빨간색으로 변경합니다. star star grade grade grade
[name ~= "value"] p[class ~='icox'] {color : red;} p 태그 중 icox 클래스를 갖고 있는 선택하여 글씨 색을 빨간색으로 변경합니다. star star grade grade grade
[name |= "value"] p[class|="icox"] {color : #fff;} p 태그의 클래스 중 클래스명이 icox거나 icox로 시작하는 것들을 선택하여 글씨 색을 하얀색로 변경합니다. star star grade grade grade
[name ^= "value"] p[class^="icox"]{color:#fff;} p 태그 중 클래스명이 icox로 시작하는 것들의 글씨 색을 빨간색 변경합니다. star star grade grade grade
[name $= "value"] p[class$="icox"] {color : #fff;} p 태그 중 클래스명이 icox로 끝나는 것들의 글씨 색을 빨간색으로 변경합니다. star star grade grade grade
[name *= "value"] p[class*="icox"] {color : #fff;} p 태그 중 클래스명이 icox를 포함하는 것들의 글씨 색을 빨간색으로 변경합니다. star star grade grade grade
가상 요소 ::first-line p::first-line {color: #fff;} p 태그를 첫 번째 라인을 선택하여 글씨 색을 fff로 변경합니다. star star grade grade grade
::first-letter p::first-letter {color: #fff;} p 태그를 첫 번째 문자를 선택하여 글씨 색을 fff로 변경합니다. star star grade grade grade
::before p::before {content: '시작'} p 태그의 시작 지점에 가상 요소를 생성 및 선택하여 content '시작'을 추가합니다. star star grade grade grade
::after p::after {content: '끝'} p 태그의 끝 지점에 가상 요소를 생성 및 선택하여 content '끝'을 추가합니다. star star grade grade grade
::selection p::selection {color:red} p 태그 안에서 드래그 한 영역의 글씨 색깔을 red로 변경합니다. star star grade grade grade
가상 클래스 :first-child li:first-child {color: #fff} li의 첫번째 자식만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:last-child li:last-child {color:#fff} li의 마지막 자식만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:first-of-type p:first-of-type {color:#fff} p 태그 중 첫번째 p만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:last-of-type p:last-of-type {color:#fff} p 태그 중 마지막 p만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:nth-child() p:nth-child(2){color:#fff} p태그의 앞에서 두번째 자식만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:nth-last-child() p:nth-last-child(2){color:#fff} p태그의 뒤에서 두번째 자식만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:nth-of-type() p:nth-of-type(3){color:#fff} p태그 중 앞에서 세번째 p만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:nth-last-of-type() p:nth-last-of-type(3){color:#fff} p태그 중 뒤에서 세번째 p만 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:only-child p:only-child{#fff}; p태그가 유일한 자식이 있으면 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:only-of-type() p:only-of-type(3){color:#fff} p태그가 유일한 p태그면 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:not() li:not(:nth-child(2)){color:#fff;} li 태그의 자식 중 앞에서 두번째 자식만 빼고 글씨 색깔을 fff로 변경합니다. star star star star star
:root :root{color:#fff;} 문서상 최상위 요소(html)을 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:empty :empty{color#fff;} 텍스트 및 공백을 포함하여 내용이 없는 태그를 선택하여 색깔을 fff로 변경합니다. star star star star star
링크 가상
선택자
:link a:link{color:#fff;} 방문하지 않은 링크를 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:visited a:visited{color:#fff} 방문했던 링크를 선택하여 글씨 색깔을 fff로 변경합니다. star star star star star
:hover a:hover{color:#fff;} 마우스를 a태그 위에 올린 상태일때 글씨 색깔을 fff로 변경합니다. star star star star star
:active a:active{color:#fff;} a태그를 마우스로 클릭한 상태일 때 글씨 색깔을 fff로 변경합니다. star star star star star
폼 선택자 :checked input:checked {color:#fff} input박스가 체크 되었을 때 글씨 색깔을 fff로 변경합니다. star star star star star
:focus input:focus {color:#fff} input박스에 초점(커서생성)이 맞춰졌을 때 글씨 색깔을 fff로 변경합니다. star star star star star
:enabled input:enabled {color:#fff} input박스가 사용 가능할 때 글씨 색깔을 fff로 설정합니다. star star star star star
:disabled input:disabled {color:#fff} input박스가 사용 불가능 할 때 글씨 색깔을 fff로 설정합니다. star star star star star