@fwkui/x-css 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/DICTIONARY.md CHANGED
@@ -1,599 +1,447 @@
1
- # DICTIONARY.md — Từ điển viết tắt XCSS
2
-
3
- Tài liệu này giúp bạn **liên tưởng nhanh** từ `class` → **thuộc tính CSS** → **giá trị**.
4
-
5
- ## Cú pháp class
6
-
7
- - Dạng bản: `[prefix:][layer][prop][value][@selector]`
8
-
9
- - `prefix`: `xs:` `sm:` `md:` `lg:` `xl:` `2xl:` `sma:` `mda:` `lga:` `xla:`
10
-
11
- - `layer`: số ngay sau prefix (vd `sm:2...` layer 2)
12
-
13
- - `@selector`: selector phụ (vd `@:hover`, `@::before`)
14
-
15
- - `&`: ghép nhiều cặp `prop+value` trong 1 class (vd `p10px&bgc#fff`)
16
-
17
-
18
- ## Quy tắc giá trị (value)
19
-
20
- - `p10px` `padding:10px`
21
-
22
- - `p!10px` thêm `!important`
23
-
24
- - `w--size` `width:var(--size)`
25
-
26
- - `bg{linear-gradient(...)}` dùng giá trị thô trong `{...}`
27
-
28
- - Một số shorthand đặc biệt: `mx/my/px/py/bdx/bdy` tự bung thành 2 thuộc tính.
29
-
30
-
31
- ## Value ext mặc định
32
-
33
- | Key | Mở rộng thành |
34
- | --- | --- |
35
- | `n` | `none` |
36
- | `nm` | `normal` |
37
- | `a` | `auto` |
38
- | `i` | `inherit` |
39
- | `in` | `initial` |
40
- | `is` | `inline-start` |
41
- | `ie` | `inline-end` |
42
- | `tr` | `transparent` |
43
- | `c` | `center` |
44
- | `cl` | `collapse` |
45
- | `l` | `left` |
46
- | `r` | `right` |
47
- | `h` | `hidden` |
48
- | `v` | `visible` |
49
- | `s` | `start` |
50
- | `e` | `end` |
51
- | `t` | `top` |
52
- | `b` | `bottom` |
53
- | `bs` | `block-start` |
54
- | `be` | `block-end` |
55
-
56
-
57
- ## Tra cứu theo nhóm
58
-
59
- - [Typography & Text](#typography-text)
60
- - [Color](#color)
61
- - [Background & Backdrop](#background-backdrop)
62
- - [Spacing (Margin/Padding/Gap)](#spacing-margin-padding-gap)
63
- - [Sizing](#sizing)
64
- - [Layout & Interaction](#layout-interaction)
65
- - [Flex/Align/Justify](#flex-align-justify)
66
- - [Grid](#grid)
67
- - [Border & Outline](#border-outline)
68
- - [Effects](#effects)
69
- - [Transform](#transform)
70
- - [Transition](#transition)
71
- - [Animation](#animation)
72
- - [Webkit](#webkit)
73
- - [Khác](#khac)
74
-
75
-
76
- <a id="typography-text"></a>
77
-
78
- ## Typography & Text
79
-
80
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
81
- | --- | --- | --- |
82
- | `dir` | `direction` | Giá trị CSS thô (raw) |
83
- | `ff` | `font-family` | `a` → `ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`<br>`s` → `ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif`<br>`m` → `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace` |
84
- | `fn` | `font` | Giá trị CSS thô (raw) |
85
- | `fnf` | `font-family` | Giá trị CSS thô (raw) |
86
- | `fnfs` | `font-feature-settings` | Giá trị CSS thô (raw) |
87
- | `fnk` | `font-kerning` | Giá trị CSS thô (raw) |
88
- | `fnlo` | `font-language-override` | Giá trị CSS thô (raw) |
89
- | `fnos` | `font-optical-sizing` | Giá trị CSS thô (raw) |
90
- | `fnp` | `font-palette` | Giá trị CSS thô (raw) |
91
- | `fns` | `font-size` | Giá trị CSS thô (raw) |
92
- | `fnsa` | `font-size-adjust` | Giá trị CSS thô (raw) |
93
- | `fnsp` | `font-synthesis-position` | Giá trị CSS thô (raw) |
94
- | `fnss` | `font-synthesis-style` | Giá trị CSS thô (raw) |
95
- | `fnssc` | `font-synthesis-small-caps` | Giá trị CSS thô (raw) |
96
- | `fnstr` | `font-stretch` | Giá trị CSS thô (raw) |
97
- | `fnsty` | `font-style` | Giá trị CSS thô (raw) |
98
- | `fnsw` | `font-synthesis-weight` | Giá trị CSS thô (raw) |
99
- | `fnsyn` | `font-synthesis` | Giá trị CSS thô (raw) |
100
- | `fnv` | `font-variant` | Giá trị CSS thô (raw) |
101
- | `fnva` | `font-variant-alternates` | Giá trị CSS thô (raw) |
102
- | `fnvc` | `font-variant-caps` | Giá trị CSS thô (raw) |
103
- | `fnve` | `font-variant-emoji` | Giá trị CSS thô (raw) |
104
- | `fnvea` | `font-variant-east-asian` | Giá trị CSS thô (raw) |
105
- | `fnvl` | `font-variant-ligatures` | Giá trị CSS thô (raw) |
106
- | `fnvn` | `font-variant-numeric` | Giá trị CSS thô (raw) |
107
- | `fnvp` | `font-variant-position` | Giá trị CSS thô (raw) |
108
- | `fnvs` | `font-variation-settings` | Giá trị CSS thô (raw) |
109
- | `fnw` | `font-weight` | Giá trị CSS thô (raw) |
110
- | `fw` | `font-weight` | Giá trị CSS thô (raw) |
111
- | `hyp` | `hyphens` | `m` `manual` |
112
- | `lh` | `line-height` | Giá trị CSS thô (raw) |
113
- | `lts` | `letter-spacing` | `n` `normal` |
114
- | `oflw` | `overflow-wrap` | `c` `clip`<br>`s` `scroll` |
115
- | `ta` | `text-align` | `s` `start`<br>`e` `end`<br>`l` → `left`<br>`r` → `right`<br>`c` → `center`<br>`j` → `justify`<br>`mp` → `match-parent`<br>`mc` → `-moz-center`<br>`wc` `-webkit-center` |
116
- | `tal` | `text-align-last` | `s` `start`<br>`e` `end`<br>`l` `left`<br>`r` → `right`<br>`c` → `center`<br>`j` → `justify` |
117
- | `tcu` | `text-combine-upright` | Giá trị CSS thô (raw) |
118
- | `td` | `text-decoration` | `u` `underline` |
119
- | `tdc` | `text-decoration-color` | Giá trị CSS thô (raw) |
120
- | `tdl` | `text-decoration-line` | `u` `underline`<br>`o` `overline`<br>`lt` `line-through`<br>`b` `blink` |
121
- | `tds` | `text-decoration-style` | `db` `double`<br>`dt` `dotted`<br>`ds` `dashed`<br>`w` `wavy` |
122
- | `tdsi` | `text-decoration-skip-ink` | Giá trị CSS thô (raw) |
123
- | `tdt` | `text-decoration-thickness` | `ff` `from-font` |
124
- | `tec` | `text-emphasis-color` | Giá trị CSS thô (raw) |
125
- | `tep` | `text-emphasis-position` | `or` `over right`<br>`ol` `over left`<br>`ur` `under right`<br>`ul` `under left`<br>`lo` `left over`<br>`ru` `right under`<br>`lu` `left under` |
126
- | `teph` | `text-emphasis` | Giá trị CSS thô (raw) |
127
- | `tes` | `text-emphasis-style` | Giá trị CSS thô (raw) |
128
- | `ti` | `text-indent` | Giá trị CSS thô (raw) |
129
- | `tj` | `text-justify` | `iw` `inter-word`<br>`ic` `inter-character`<br>`d` `distribute` |
130
- | `tol` | `text-overflow` | `c` `clip`<br>`e` `ellipsis` |
131
- | `tor` | `text-orientation` | `m` → `mixed`<br>`u` `upright`<br>`sr` → `sideways-right`<br>`sl` `sideways-left`<br>`s` `sideways`<br>`ugo` → `use-glyph-orientation` |
132
- | `trd` | `text-rendering` | `op` `optimizeSpeed`<br>`ol` `optimizeLegibility`<br>`g` `geometricPrecision` |
133
- | `tsh` | `text-shadow` | Giá trị CSS thô (raw) |
134
- | `ttr` | `text-transform` | `c` `capitalize`<br>`u` `uppercase`<br>`l` → `lowercase`<br>`fw` → `full-width`<br>`fsk` `full-size-kana` |
135
- | `tuo` | `text-underline-offset` | Giá trị CSS thô (raw) |
136
- | `tup` | `text-underline-position` | `u` `under`<br>`l` `left`<br>`r` `right`<br>`ul` → `under left`<br>`ru` → `right under` |
137
- | `tw` | `text-wrap` | `w` `wrap`<br>`n` `nowrap`<br>`b` `balance`<br>`p` → `pretty` |
138
- | `unib` | `unicode-bidi` | Giá trị CSS thô (raw) |
139
- | `wrb` | `word-break` | Giá trị CSS thô (raw) |
140
- | `wrs` | `word-spacing` | Giá trị CSS thô (raw) |
141
- | `wrtm` | `writing-mode` | Giá trị CSS thô (raw) |
142
- | `ws` | `white-space` | Giá trị CSS thô (raw) |
143
-
144
-
145
- <a id="color"></a>
146
-
147
- ## Color
148
-
149
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
150
- | --- | --- | --- |
151
- | `acc` | `accent-color` | `u` `unset` |
152
- | `c` | `color` | `i` `inherit`<br>`t` `transparent` |
153
- | `colrc` | `column-rule-color` | Giá trị CSS thô (raw) |
154
- | `crtc` | `caret-color` | Giá trị CSS thô (raw) |
155
- | `opc` | `opacity` | Giá trị CSS thô (raw) |
156
- | `sbc` | `scrollbar-color` | Giá trị CSS thô (raw) |
157
-
158
-
159
- <a id="background-backdrop"></a>
160
-
161
- ## Background & Backdrop
162
-
163
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
164
- | --- | --- | --- |
165
- | `bg` | `background` | Giá trị CSS thô (raw) |
166
- | `bga` | `background-attachment` | `s` `scroll`<br>`f` `fixed`<br>`l` `local` |
167
- | `bgbm` | `background-blend-mode` | `n` `normal`<br>`m` `multiply`<br>`s` → `screen`<br>`o` → `overlay`<br>`d` → `darken`<br>`l` → `lighten`<br>`cd` → `color-dodge`<br>`i` `color-burn`<br>`hl` → `hard-light`<br>`sl` → `soft-light`<br>`di` → `difference`<br>`e` → `exclusion`<br>`h` → `hue`<br>`sa` → `saturation`<br>`c` → `color`<br>`lu` → `luminosity` |
168
- | `bgc` | `background-color` | `t` `transparent`<br>`c` `currentcolor` |
169
- | `bgcl` | `background-clip` | `bb` `border-box`<br>`pb` `padding-box`<br>`cb` → `content-box`<br>`t` `text` |
170
- | `bgi` | `background-image` | Giá trị CSS thô (raw) |
171
- | `bgo` | `background-origin` | `bb` `border-box`<br>`pb` `padding-box`<br>`cb` `content-box` |
172
- | `bgp` | `background-position` | `t` `top`<br>`b` `bottom`<br>`l` `left`<br>`r` → `right`<br>`c` → `center`<br>`lt` → `left top`<br>`ct` → `center top`<br>`rt` → `right top`<br>`lc` → `left center`<br>`cc` → `center center`<br>`rc` → `right center`<br>`lb` → `left bottom`<br>`cb` → `center bottom`<br>`rb` → `right bottom` |
173
- | `bgpx` | `background-position-x` | `l` `left`<br>`r` `right`<br>`c` `center` |
174
- | `bgpy` | `background-position-y` | `t` `top`<br>`b` `bottom`<br>`c` `center` |
175
- | `bgr` | `background-repeat` | `r` `repeat`<br>`x` `repeat-x`<br>`y` `repeat-y`<br>`s` `space`<br>`rn` `round`<br>`n` `no-repeat`<br>`rs` ` repeat space`<br>`rr` `repeat repeat`<br>`nr` `no-repeat round` |
176
- | `bgs` | `background-size` | `c` `contain` |
177
- | `bkdf` | `backdrop-filter` | Giá trị CSS thô (raw) |
178
-
179
-
180
- <a id="spacing-margin-padding-gap"></a>
181
-
182
- ## Spacing (Margin/Padding/Gap)
183
-
184
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
185
- | --- | --- | --- |
186
- | `colg` | `column-gap` | Giá trị CSS thô (raw) |
187
- | `gap` | `gap` | Giá trị CSS thô (raw) |
188
- | `m` | `margin` | Giá trị CSS thô (raw) |
189
- | `mb` | `margin-bottom` | Giá trị CSS thô (raw) |
190
- | `mbe` | `margin-block-end` | Giá trị CSS thô (raw) |
191
- | `mblk` | `margin-block` | Giá trị CSS thô (raw) |
192
- | `mbsta` | `margin-block-start` | Giá trị CSS thô (raw) |
193
- | `mie` | `margin-inline-end` | Giá trị CSS thô (raw) |
194
- | `min` | `margin-inline` | Giá trị CSS thô (raw) |
195
- | `mista` | `margin-inline-start` | Giá trị CSS thô (raw) |
196
- | `ml` | `margin-left` | Giá trị CSS thô (raw) |
197
- | `mr` | `margin-right` | Giá trị CSS thô (raw) |
198
- | `mt` | `margin-top` | Giá trị CSS thô (raw) |
199
- | `p` | `padding` | Giá trị CSS thô (raw) |
200
- | `pb` | `padding-bottom` | Giá trị CSS thô (raw) |
201
- | `pbe` | `padding-block-end` | Giá trị CSS thô (raw) |
202
- | `pblk` | `padding-block` | Giá trị CSS thô (raw) |
203
- | `pbs` | `padding-block-start` | Giá trị CSS thô (raw) |
204
- | `pi` | `padding-inline` | `s` `start`<br>`c` `center`<br>`e` `end`<br>`b` → `baseline`<br>`st` → `stretch` |
205
- | `pie` | `padding-inline-end` | Giá trị CSS thô (raw) |
206
- | `pis` | `padding-inline-start` | Giá trị CSS thô (raw) |
207
- | `pl` | `padding-left` | Giá trị CSS thô (raw) |
208
- | `pr` | `padding-right` | Giá trị CSS thô (raw) |
209
- | `pt` | `padding-top` | Giá trị CSS thô (raw) |
210
- | `rgap` | `row-gap` | Giá trị CSS thô (raw) |
211
-
212
-
213
- <a id="sizing"></a>
214
-
215
- ## Sizing
216
-
217
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
218
- | --- | --- | --- |
219
- | `ar` | `aspect-ratio` | `s` `1 / 1`<br>`v` `16 / 9` |
220
- | `blks` | `block-size` | Giá trị CSS thô (raw) |
221
- | `h` | `height` | `mic` → `min-content`<br>`mac` → `max-content`<br>`fc` `fit-content` |
222
- | `ins` | `inline-size` | Giá trị CSS thô (raw) |
223
- | `mbs` | `max-block-size` | Giá trị CSS thô (raw) |
224
- | `mh` | `max-height` | Giá trị CSS thô (raw) |
225
- | `mibs` | `min-block-size` | Giá trị CSS thô (raw) |
226
- | `mih` | `min-height` | `f` `100%`<br>`mic` `min-content`<br>`mac` → `max-content`<br>`fc` `fit-content` |
227
- | `mis` | `max-inline-size` | Giá trị CSS thô (raw) |
228
- | `misz` | `min-inline-size` | Giá trị CSS thô (raw) |
229
- | `miw` | `min-width` | `f` `100%`<br>`mic` `min-content`<br>`mac` → `max-content`<br>`fc` `fit-content` |
230
- | `mw` | `max-width` | Giá trị CSS thô (raw) |
231
- | `mxw` | `max-width` | Giá trị CSS thô (raw) |
232
- | `w` | `width` | `mic` → `min-content`<br>`mac` → `max-content`<br>`fc` → `fit-content`<br>`f` `100%` |
233
-
234
-
235
- <a id="layout-interaction"></a>
236
-
237
- ## Layout & Interaction
238
-
239
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
240
- | --- | --- | --- |
241
- | `b` | `bottom` | Giá trị CSS thô (raw) |
242
- | `clr` | `clear` | Giá trị CSS thô (raw) |
243
- | `cnt` | `contain` | Giá trị CSS thô (raw) |
244
- | `cr` | `cursor` | `p` `pointer`<br>`d` `default`<br>`cm` → `context-menu`<br>`h` `help`<br>`pg` → `progress`<br>`w` → `wait`<br>`c` → `cell`<br>`t` → `text`<br>`vt` → `vertical-text`<br>`al` → `alias`<br>`cp` → `copy`<br>`mo` → `move`<br>`nd` → `no-drop`<br>`na` → `not-allowed`<br>`gr` → `grab`<br>`gb` → `grabbing`<br>`as` → `all-scroll`<br>`colr` → `col-resize`<br>`rr` → `row-resize`<br>`nr` → `n-resize`<br>`er` → `e-resize`<br>`sr` → `s-resize`<br>`wr` → `w-resize`<br>`ner` → `ne-resize`<br>`ser` → `se-resize`<br>`swr` → `sw-resize`<br>`ewr` → `ew-resize`<br>`nsr` → `ns-resize`<br>`nesw` → `nesw-resize`<br>`nwse` → `nwse-resize`<br>`zi` → `zoom-in`<br>`zo` → `zoom-out` |
245
- | `d` | `display` | `b` `block`<br>`ib` `inline-block`<br>`i` → `inline`<br>`f` → `flex`<br>`if` → `inline-flex`<br>`t` `table`<br>`it` → `inline-table`<br>`tcp` → `table-caption`<br>`tcell` → `table-cell`<br>`tcol` → `table-column`<br>`tcolg` → `table-column-group`<br>`tfg` → `table-footer-group`<br>`thg` → `table-header-group`<br>`trg` → `table-row-group`<br>`tr` → `table-row`<br>`fr` → `flow-root`<br>`g` → `grid`<br>`ig` → `inline-grid`<br>`c` → `contents`<br>`li` → `list-item` |
246
- | `fl` | `float` | `is` `inline-start`<br>`ie` → `inline-end`<br>`r` `right`<br>`l` → `left` |
247
- | `i` | `inset` | Giá trị CSS thô (raw) |
248
- | `ibe` | `inset-block-end` | Giá trị CSS thô (raw) |
249
- | `iblk` | `inset-block` | Giá trị CSS thô (raw) |
250
- | `ibsta` | `inset-block-start` | Giá trị CSS thô (raw) |
251
- | `ii` | `inset-inline` | Giá trị CSS thô (raw) |
252
- | `iie` | `inset-inline-end` | Giá trị CSS thô (raw) |
253
- | `iis` | `inset-inline-start` | Giá trị CSS thô (raw) |
254
- | `is` | `isolation` | `i` `isolate` |
255
- | `l` | `left` | Giá trị CSS thô (raw) |
256
- | `of` | `object-fit` | `c` `contain`<br>`cv` `cover`<br>`f` `fill`<br>`sd` → `scale-down` |
257
- | `ofl` | `overflow` | Giá trị CSS thô (raw) |
258
- | `oflx` | `overflow-x` | `c` `clip`<br>`s` `scroll` |
259
- | `ofly` | `overflow-y` | `c` `clip`<br>`s` `scroll` |
260
- | `op` | `object-position` | `b` `bottom`<br>`c` `center`<br>`l` → `left`<br>`r` → `right`<br>`t` → `top`<br>`lb` → `left bottom`<br>`lt` `left top`<br>`rb` → `right bottom`<br>`rt` → `right top` |
261
- | `pe` | `pointer-events` | Giá trị CSS thô (raw) |
262
- | `pos` | `position` | `s` `static`<br>`f` `fixed`<br>`a` `absolute`<br>`r` → `relative`<br>`st` → `sticky` |
263
- | `r` | `right` | Giá trị CSS thô (raw) |
264
- | `rsz` | `resize` | `b` `both`<br>`h` `horizontal`<br>`v` `vertical` |
265
- | `t` | `top` | Giá trị CSS thô (raw) |
266
- | `toa` | `touch-action` | `p` `pan-x`<br>`py` `pan-y`<br>`pm` → `pan-x pan-y`<br>`pi` → `pinch-zoom` |
267
- | `us` | `user-select` | `t` `text`<br>`all` `all`<br>`c` `contain` |
268
- | `v` | `visibility` | `c` `collapse` |
269
- | `z` | `z-index` | Giá trị CSS thô (raw) |
270
-
271
-
272
- <a id="flex-align-justify"></a>
273
-
274
- ## Flex/Align/Justify
275
-
276
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
277
- | --- | --- | --- |
278
- | `ac` | `align-content` | `s` `start`<br>`e` `end`<br>`fs` → `flex-start`<br>`fe` `flex-end`<br>`n` → `normal`<br>`b` → `baseline`<br>`fb` → `first baseline`<br>`lb` → `last baseline`<br>`sp` → `space-between`<br>`sa` → `space-around`<br>`se` → `space-evenly`<br>`st` → `stretch`<br>`sc` → `safe center`<br>`uc` → `unsafe center` |
279
- | `ai` | `align-items` | `n` `normal`<br>`c` `center`<br>`s` → `start`<br>`e` → `end`<br>`fs` → `flex-start`<br>`fe` → `flex-end`<br>`ss` `self-start`<br>`se` → `self-end`<br>`b` → `baseline`<br>`fb` → `first baseline`<br>`lb` → `last baseline`<br>`sc` → `safe center`<br>`uc` → `unsafe center` |
280
- | `as` | `align-self` | `n` `normal`<br>`c` `center`<br>`s` → `start`<br>`e` → `end`<br>`ss` → `self-start`<br>`se` → `self-end`<br>`fs` `flex-start`<br>`fe` → `flex-end`<br>`b` → `baseline`<br>`fb` → `first baseline`<br>`lb` → `last baseline`<br>`st` → `stretch`<br>`sc` → `safe center`<br>`uc` → `unsafe center` |
281
- | `fx` | `flex` | `i` `0 1 auto`<br>`a` `1 1 auto` |
282
- | `fxb` | `flex-basis` | Giá trị CSS thô (raw) |
283
- | `fxd` | `flex-direction` | `r` `row`<br>`rr` → `row-reverse`<br>`c` `column`<br>`cr` → `column-reverse` |
284
- | `fxf` | `flex-flow` | Giá trị CSS thô (raw) |
285
- | `fxg` | `flex-grow` | Giá trị CSS thô (raw) |
286
- | `fxs` | `flex-shrink` | Giá trị CSS thô (raw) |
287
- | `fxw` | `flex-wrap` | `w` `wrap`<br>`wr` → `wrap-reverse`<br>`n` `nowrap` |
288
- | `jc` | `justify-content` | `c` `center`<br>`s` `start`<br>`e` → `end`<br>`fs` → `flex-start`<br>`fe` `flex-end`<br>`l` → `left`<br>`r` → `right`<br>`n` → `normal`<br>`sp` → `space-between`<br>`sa` → `space-around`<br>`se` → `space-evenly`<br>`st` → `stretch`<br>`sc` → `safe center`<br>`uc` → `unsafe center` |
289
- | `ji` | `justify-items` | `n` `normal`<br>`st` `stretch`<br>`c` → `center`<br>`s` → `start`<br>`e` → `end`<br>`fs` → `flex-start`<br>`fe` `flex-end`<br>`ss` → `self-start`<br>`se` → `self-end`<br>`l` → `left`<br>`r` → `right`<br>`b` → `baseline`<br>`fb` → `first baseline`<br>`lb` → `last baseline`<br>`lr` → `legacy right`<br>`ll` → `legacy left`<br>`lc` → `legacy center`<br>`sc` → `safe center`<br>`uc` → `unsafe center` |
290
- | `js` | `justify-self` | `n` `normal`<br>`st` `stretch`<br>`c` → `center`<br>`s` → `start`<br>`e` → `end`<br>`fs` → `flex-start`<br>`fe` `flex-end`<br>`ss` → `self-start`<br>`se` → `self-end`<br>`l` → `left`<br>`r` → `right`<br>`b` → `baseline`<br>`sc` → `safe center`<br>`uc` → `unsafe center` |
291
- | `ord` | `order` | Giá trị CSS thô (raw) |
292
- | `plc` | `place-content` | Giá trị CSS thô (raw) |
293
- | `pli` | `place-items` | Giá trị CSS thô (raw) |
294
- | `pls` | `place-self` | Giá trị CSS thô (raw) |
295
-
296
-
297
- <a id="grid"></a>
298
-
299
- ## Grid
300
-
301
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
302
- | --- | --- | --- |
303
- | `g` | `grid` | Giá trị CSS thô (raw) |
304
- | `ga` | `grid-area` | Giá trị CSS thô (raw) |
305
- | `gac` | `grid-auto-columns` | `mic` `min-content`<br>`mac` `max-content`<br>`mm` → `minmax(0, 1fr)` |
306
- | `gaf` | `grid-auto-flow` | `r` `row`<br>`c` `column`<br>`d` `dense`<br>`rd` → `row dense`<br>`cd` → `column dense` |
307
- | `gar` | `grid-auto-rows` | `mic` `min-content`<br>`mac` `max-content`<br>`mm` → `minmax(0, 1fr)` |
308
- | `gc` | `grid-column` | `f` `1 / -1` |
309
- | `gce` | `grid-column-end` | Giá trị CSS thô (raw) |
310
- | `gcs` | `grid-column-start` | Giá trị CSS thô (raw) |
311
- | `gr` | `grid-row` | `f` `1 / -1` |
312
- | `gre` | `grid-row-end` | Giá trị CSS thô (raw) |
313
- | `grs` | `grid-row-start` | Giá trị CSS thô (raw) |
314
- | `gt` | `grid-template` | Giá trị CSS thô (raw) |
315
- | `gta` | `grid-template-areas` | Giá trị CSS thô (raw) |
316
- | `gtc` | `grid-template-columns` | `s` `subgrid` |
317
- | `gtr` | `grid-template-rows` | `s` `subgrid` |
318
-
319
-
320
- <a id="border-outline"></a>
321
-
322
- ## Border & Outline
323
-
324
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
325
- | --- | --- | --- |
326
- | `bd` | `border` | `d` `dotted`<br>`ds` `dashed`<br>`db` `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`i` → `inset`<br>`o` → `outset` |
327
- | `bda` | `border-radius` | Giá trị CSS thô (raw) |
328
- | `bdb` | `border-bottom` | Giá trị CSS thô (raw) |
329
- | `bdbc` | `border-bottom-color` | Giá trị CSS thô (raw) |
330
- | `bdblc` | `border-block-color` | Giá trị CSS thô (raw) |
331
- | `bdble` | `border-block-end` | Giá trị CSS thô (raw) |
332
- | `bdblec` | `border-block-end-color` | Giá trị CSS thô (raw) |
333
- | `bdbles` | `border-block-end-style` | `d` `dotted`<br>`ds` `dashed`<br>`db` `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`i` → `inset`<br>`o` → `outset` |
334
- | `bdblew` | `border-block-end-width` | Giá trị CSS thô (raw) |
335
- | `bdblk` | `border-block` | Giá trị CSS thô (raw) |
336
- | `bdblr` | `border-bottom-left-radius` | Giá trị CSS thô (raw) |
337
- | `bdbls` | `border-block-start` | Giá trị CSS thô (raw) |
338
- | `bdblsc` | `border-block-start-color` | Giá trị CSS thô (raw) |
339
- | `bdblss` | `border-block-start-style` | `d` `dotted`<br>`ds` `dashed`<br>`db` `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`i` → `inset`<br>`o` → `outset` |
340
- | `bdblst` | `border-block-style` | `d` `dotted`<br>`ds` `dashed`<br>`db` `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`i` → `inset`<br>`o` → `outset` |
341
- | `bdblsw` | `border-block-start-width` | Giá trị CSS thô (raw) |
342
- | `bdblwi` | `border-block-width` | Giá trị CSS thô (raw) |
343
- | `bdbrr` | `border-bottom-right-radius` | Giá trị CSS thô (raw) |
344
- | `bdbst` | `border-bottom-style` | `d` `dotted`<br>`ds` `dashed`<br>`db` `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`i` → `inset`<br>`o` → `outset` |
345
- | `bdbw` | `border-bottom-width` | `t` `thin`<br>`m` `medium`<br>`th` `thick` |
346
- | `bdc` | `border-color` | Giá trị CSS thô (raw) |
347
- | `bdcl` | `border-collapse` | `s` `separate`<br>`c` `collapse` |
348
- | `bdeer` | `border-end-end-radius` | Giá trị CSS thô (raw) |
349
- | `bdesr` | `border-end-start-radius` | Giá trị CSS thô (raw) |
350
- | `bdi` | `border-inline` | Giá trị CSS thô (raw) |
351
- | `bdic` | `border-inline-color` | Giá trị CSS thô (raw) |
352
- | `bdie` | `border-inline-end` | Giá trị CSS thô (raw) |
353
- | `bdiec` | `border-inline-end-color` | Giá trị CSS thô (raw) |
354
- | `bdies` | `border-inline-end-style` | Giá trị CSS thô (raw) |
355
- | `bdiew` | `border-inline-end-width` | Giá trị CSS thô (raw) |
356
- | `bdimg` | `border-image` | Giá trị CSS thô (raw) |
357
- | `bdinw` | `border-inline-width` | Giá trị CSS thô (raw) |
358
- | `bdio` | `border-image-outset` | Giá trị CSS thô (raw) |
359
- | `bdir` | `border-image-repeat` | `st` `stretch`<br>`r` `repeat`<br>`rn` `round`<br>`s` → `space` |
360
- | `bdis` | `border-image-slice` | Giá trị CSS thô (raw) |
361
- | `bdisc` | `border-inline-start-color` | Giá trị CSS thô (raw) |
362
- | `bdisrc` | `border-image-source` | Giá trị CSS thô (raw) |
363
- | `bdiss` | `border-inline-start-style` | Giá trị CSS thô (raw) |
364
- | `bdista` | `border-inline-start` | Giá trị CSS thô (raw) |
365
- | `bdistl` | `border-inline-style` | Giá trị CSS thô (raw) |
366
- | `bdisw` | `border-inline-start-width` | Giá trị CSS thô (raw) |
367
- | `bdiw` | `border-image-width` | Giá trị CSS thô (raw) |
368
- | `bdl` | `border-left` | Giá trị CSS thô (raw) |
369
- | `bdlc` | `border-left-color` | Giá trị CSS thô (raw) |
370
- | `bdls` | `border-left-style` | Giá trị CSS thô (raw) |
371
- | `bdlw` | `border-left-width` | `t` `thin`<br>`m` `medium`<br>`th` `thick` |
372
- | `bdr` | `border-right` | Giá trị CSS thô (raw) |
373
- | `bdra` | `border-radius` | Giá trị CSS thô (raw) |
374
- | `bdrc` | `border-right-color` | Giá trị CSS thô (raw) |
375
- | `bdrs` | `border-right-style` | `dt` `dotted`<br>`ds` `dashed`<br>`s` `solid`<br>`db` → `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`in` → `inset`<br>`out` → `outset` |
376
- | `bdrw` | `border-right-width` | `t` `thin`<br>`m` `medium`<br>`th` `thick` |
377
- | `bds` | `border-style` | `dt` `dotted`<br>`ds` `dashed`<br>`s` `solid`<br>`db` → `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`in` → `inset`<br>`out` → `outset` |
378
- | `bdser` | `border-start-end-radius` | Giá trị CSS thô (raw) |
379
- | `bdsp` | `border-spacing` | Giá trị CSS thô (raw) |
380
- | `bdssr` | `border-start-start-radius` | Giá trị CSS thô (raw) |
381
- | `bdt` | `border-top` | Giá trị CSS thô (raw) |
382
- | `bdtc` | `border-top-color` | Giá trị CSS thô (raw) |
383
- | `bdtlr` | `border-top-left-radius` | Giá trị CSS thô (raw) |
384
- | `bdtrr` | `border-top-right-radius` | Giá trị CSS thô (raw) |
385
- | `bdts` | `border-top-style` | `dt` `dotted`<br>`ds` `dashed`<br>`s` `solid`<br>`db` → `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`in` → `inset`<br>`out` → `outset` |
386
- | `bdtw` | `border-top-width` | `t` `thin`<br>`m` `medium`<br>`th` `thick` |
387
- | `bdw` | `border-width` | `t` `thin`<br>`m` `medium`<br>`th` `thick` |
388
- | `olc` | `outline-color` | `i` `inherit`<br>`c` `currentColor`<br>`t` `transparent` |
389
- | `oli` | `outline` | Giá trị CSS thô (raw) |
390
- | `olo` | `outline-offset` | Giá trị CSS thô (raw) |
391
- | `ols` | `outline-style` | `dt` `dotted`<br>`ds` `dashed`<br>`s` `solid`<br>`db` → `double`<br>`g` → `groove`<br>`r` → `ridge`<br>`in` → `inset`<br>`out` → `outset` |
392
- | `olw` | `outline-width` | `t` `thin`<br>`m` `medium`<br>`th` `thick` |
393
-
394
-
395
- <a id="effects"></a>
396
-
397
- ## Effects
398
-
399
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
400
- | --- | --- | --- |
401
- | `bxsh` | `box-shadow` | Giá trị CSS thô (raw) |
402
- | `bxshd` | `box-shadow` | Giá trị CSS thô (raw) |
403
- | `clpp` | `clip-path` | Giá trị CSS thô (raw) |
404
- | `flt` | `filter` | Giá trị CSS thô (raw) |
405
- | `mbd` | `mix-blend-mode` | `n` `normal`<br>`m` `multiply`<br>`s` → `screen`<br>`o` → `overlay`<br>`d` → `darken`<br>`l` → `lighten`<br>`cd` → `color-dodge`<br>`i` `color-burn`<br>`hl` → `hard-light`<br>`sl` → `soft-light`<br>`di` → `difference`<br>`e` → `exclusion`<br>`h` → `hue`<br>`sa` → `saturation`<br>`c` → `color`<br>`lu` → `luminosity` |
406
-
407
-
408
- <a id="transform"></a>
409
-
410
- ## Transform
411
-
412
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
413
- | --- | --- | --- |
414
- | `tra` | `transform` | Giá trị CSS thô (raw) |
415
- | `trab` | `transform-box` | Giá trị CSS thô (raw) |
416
- | `trao` | `transform-origin` | Giá trị CSS thô (raw) |
417
- | `tras` | `transform-style` | Giá trị CSS thô (raw) |
418
-
419
-
420
- <a id="transition"></a>
421
-
422
- ## Transition
423
-
424
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
425
- | --- | --- | --- |
426
- | `tran` | `transition` | Giá trị CSS thô (raw) |
427
- | `tranb` | `transition-behavior` | Giá trị CSS thô (raw) |
428
- | `trand` | `transition-delay` | Giá trị CSS thô (raw) |
429
- | `trandur` | `transition-duration` | Giá trị CSS thô (raw) |
430
- | `tranp` | `transition-property` | Giá trị CSS thô (raw) |
431
- | `trantf` | `transition-timing-function` | Giá trị CSS thô (raw) |
432
-
433
-
434
- <a id="animation"></a>
435
-
436
- ## Animation
437
-
438
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu ) |
439
- | --- | --- | --- |
440
- | `ani` | `animation` | Giá trị CSS thô (raw) |
441
- | `anic` | `animation-composition` | `r` `replace`<br>`a` `add`<br>`ac` `accumulate`<br>`ra` → `replace, add`<br>`aac` → `add, accumulate`<br>`raac` → `replace, add, accumulate` |
442
- | `anide` | `animation-delay` | Giá trị CSS thô (raw) |
443
- | `anidi` | `animation-direction` | `r` `reverse`<br>`a` `alternate`<br>`ar` → `alternate-reverse`<br>`nr` `normal, reverse`<br>`arn` → `alternate, reverse, normal` |
444
- | `anidu` | `animation-duration` | Giá trị CSS thô (raw) |
445
- | `anifm` | `animation-fill-mode` | `f` `forwards`<br>`b` `backwards`<br>`nb` `none, backwards`<br>`fbn` `both, forwards, none` |
446
- | `aniic` | `animation-iteration-count` | Giá trị CSS thô (raw) |
447
- | `anin` | `animation-name` | `s` `slide` |
448
- | `anips` | `animation-play-state` | `p` → `paused`<br>`r` → `running` |
449
- | `anitf` | `animation-timing-function` | `ei` → `ease-in`<br>`eo` → `ease-out`<br>`eio` → `ease-in-out`<br>`l` → `linear`<br>`ss` → `step-start`<br>`se` → `step-end` |
450
-
451
-
452
- <a id="webkit"></a>
453
-
454
- ## Webkit
455
-
456
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu có) |
457
- | --- | --- | --- |
458
- | `wlc` | `-webkit-line-clamp` | Giá trị CSS thô (raw) |
459
- | `wtfc` | `-webkit-text-fill-color` | Giá trị CSS thô (raw) |
460
- | `wts` | `-webkit-text-stroke` | Giá trị CSS thô (raw) |
461
- | `wtsc` | `-webkit-text-stroke-color` | Giá trị CSS thô (raw) |
462
- | `wtsw` | `-webkit-text-stroke-width` | `m` → `medium`<br>`t` → `thick` |
463
-
464
-
465
- <a id="khac"></a>
466
-
467
- ## Khác
468
-
469
- | Key | Thuộc tính CSS | Giá trị viết tắt (nếu có) |
470
- | --- | --- | --- |
471
- | `a` | `all` | Giá trị CSS thô (raw) |
472
- | `ap` | `appearance` | `mb` → `menulist-button`<br>`tf` → `textfield`<br>`b` → `button`<br>`c` → `checkbox` |
473
- | `bdbr` | `box-decoration-break` | `c` → `clone`<br>`s` → `slice` |
474
- | `bkfv` | `backface-visibility` | Giá trị CSS thô (raw) |
475
- | `brka` | `break-after` | Giá trị CSS thô (raw) |
476
- | `brkb` | `break-before` | Giá trị CSS thô (raw) |
477
- | `brki` | `break-inside` | Giá trị CSS thô (raw) |
478
- | `bxsz` | `box-sizing` | Giá trị CSS thô (raw) |
479
- | `caps` | `caption-side` | Giá trị CSS thô (raw) |
480
- | `cip` | `color-interpolation` | Giá trị CSS thô (raw) |
481
- | `ciw` | `contain-intrinsic-width` | Giá trị CSS thô (raw) |
482
- | `cntibs` | `contain-intrinsic-block-size` | Giá trị CSS thô (raw) |
483
- | `cntih` | `contain-intrinsic-height` | Giá trị CSS thô (raw) |
484
- | `cntiis` | `contain-intrinsic-inline-size` | Giá trị CSS thô (raw) |
485
- | `cntis` | `contain-intrinsic-size` | Giá trị CSS thô (raw) |
486
- | `cntri` | `counter-increment` | Giá trị CSS thô (raw) |
487
- | `cntrr` | `counter-reset` | Giá trị CSS thô (raw) |
488
- | `cntrs` | `counter-set` | Giá trị CSS thô (raw) |
489
- | `col` | `columns` | Giá trị CSS thô (raw) |
490
- | `colc` | `column-count` | Giá trị CSS thô (raw) |
491
- | `colf` | `column-fill` | Giá trị CSS thô (raw) |
492
- | `colr` | `column-rule` | Giá trị CSS thô (raw) |
493
- | `colrs` | `column-rule-style` | Giá trị CSS thô (raw) |
494
- | `colrw` | `column-rule-width` | Giá trị CSS thô (raw) |
495
- | `cols` | `column-span` | Giá trị CSS thô (raw) |
496
- | `colw` | `column-width` | Giá trị CSS thô (raw) |
497
- | `csch` | `color-scheme` | Giá trị CSS thô (raw) |
498
- | `ctr` | `container` | Giá trị CSS thô (raw) |
499
- | `ctrn` | `container-name` | Giá trị CSS thô (raw) |
500
- | `ctrt` | `container-type` | Giá trị CSS thô (raw) |
501
- | `ctt` | `content` | Giá trị CSS thô (raw) |
502
- | `empc` | `empty-cells` | Giá trị CSS thô (raw) |
503
- | `fca` | `forced-color-adjust` | Giá trị CSS thô (raw) |
504
- | `hc` | `hyphenate-character` | Giá trị CSS thô (raw) |
505
- | `hlc` | `hyphenate-limit-chars` | Giá trị CSS thô (raw) |
506
- | `hp` | `hanging-punctuation` | Giá trị CSS thô (raw) |
507
- | `imgo` | `image-orientation` | Giá trị CSS thô (raw) |
508
- | `imgr` | `image-rendering` | Giá trị CSS thô (raw) |
509
- | `lbrk` | `line-break` | Giá trị CSS thô (raw) |
510
- | `lisp` | `list-style-position` | `i` → `inside`<br>`o` → `outside` |
511
- | `ls` | `list-style` | `i` → `inside`<br>`di` → `disc`<br>`c` → `circle`<br>`s` → `square`<br>`de` → `decimal`<br>`g` → `georgian`<br>`tci` → `trad-chinese-informal`<br>`k` → `kannada` |
512
- | `lsi` | `list-style-image` | Giá trị CSS thô (raw) |
513
- | `lst` | `list-style-type` | `di` → `disc`<br>`c` → `circle`<br>`s` → `square`<br>`de` → `decimal`<br>`g` → `georgian`<br>`tci` → `trad-chinese-informal`<br>`k` → `kannada` |
514
- | `msk` | `mask` | Giá trị CSS thô (raw) |
515
- | `mskb` | `mask-border` | Giá trị CSS thô (raw) |
516
- | `mskbm` | `mask-border-mode` | Giá trị CSS thô (raw) |
517
- | `mskbo` | `mask-border-outset` | Giá trị CSS thô (raw) |
518
- | `mskbr` | `mask-border-repeat` | Giá trị CSS thô (raw) |
519
- | `mskbs` | `mask-border-slice` | Giá trị CSS thô (raw) |
520
- | `mskbsrc` | `mask-border-source` | Giá trị CSS thô (raw) |
521
- | `mskbw` | `mask-border-width` | Giá trị CSS thô (raw) |
522
- | `mskc` | `mask-clip` | Giá trị CSS thô (raw) |
523
- | `mskcp` | `mask-composite` | Giá trị CSS thô (raw) |
524
- | `mski` | `mask-image` | Giá trị CSS thô (raw) |
525
- | `mskm` | `mask-mode` | Giá trị CSS thô (raw) |
526
- | `msko` | `mask-origin` | Giá trị CSS thô (raw) |
527
- | `mskp` | `mask-position` | Giá trị CSS thô (raw) |
528
- | `mskr` | `mask-repeat` | Giá trị CSS thô (raw) |
529
- | `msks` | `mask-size` | Giá trị CSS thô (raw) |
530
- | `mskt` | `mask-type` | Giá trị CSS thô (raw) |
531
- | `mtd` | `math-depth` | Giá trị CSS thô (raw) |
532
- | `mts` | `math-style` | Giá trị CSS thô (raw) |
533
- | `ofa` | `offset-anchor` | Giá trị CSS thô (raw) |
534
- | `ofd` | `offset-distance` | Giá trị CSS thô (raw) |
535
- | `ofla` | `overflow-anchor` | Giá trị CSS thô (raw) |
536
- | `oflb` | `overflow-block` | Giá trị CSS thô (raw) |
537
- | `oflcm` | `overflow-clip-margin` | Giá trị CSS thô (raw) |
538
- | `ofli` | `overflow-inline` | Giá trị CSS thô (raw) |
539
- | `ofp` | `offset-path` | Giá trị CSS thô (raw) |
540
- | `ofpo` | `offset-position` | Giá trị CSS thô (raw) |
541
- | `ofr` | `offset-rotate` | Giá trị CSS thô (raw) |
542
- | `ofs` | `offset` | Giá trị CSS thô (raw) |
543
- | `orp` | `orphans` | Giá trị CSS thô (raw) |
544
- | `orsby` | `overscroll-behavior-y` | `c` → `contain` |
545
- | `osrbb` | `overscroll-behavior-block` | `c` → `contain` |
546
- | `osrbh` | `overscroll-behavior` | `c` → `contain` |
547
- | `osrbi` | `overscroll-behavior-inline` | `c` → `contain` |
548
- | `osrbx` | `overscroll-behavior-x` | `c` → `contain` |
549
- | `pg` | `page` | Giá trị CSS thô (raw) |
550
- | `pgba` | `page-break-after` | Giá trị CSS thô (raw) |
551
- | `pgbb` | `page-break-before` | Giá trị CSS thô (raw) |
552
- | `pgbi` | `page-break-inside` | Giá trị CSS thô (raw) |
553
- | `prca` | `print-color-adjust` | Giá trị CSS thô (raw) |
554
- | `pso` | `perspective-origin` | Giá trị CSS thô (raw) |
555
- | `psp` | `perspective` | Giá trị CSS thô (raw) |
556
- | `pto` | `paint-order` | Giá trị CSS thô (raw) |
557
- | `qts` | `quotes` | Giá trị CSS thô (raw) |
558
- | `rbp` | `ruby-position` | Giá trị CSS thô (raw) |
559
- | `rot` | `rotate` | Giá trị CSS thô (raw) |
560
- | `s` | `scale` | Giá trị CSS thô (raw) |
561
- | `sbg` | `scrollbar-gutter` | Giá trị CSS thô (raw) |
562
- | `sbw` | `scrollbar-width` | Giá trị CSS thô (raw) |
563
- | `scrb` | `scroll-behavior` | Giá trị CSS thô (raw) |
564
- | `scrm` | `scroll-margin` | Giá trị CSS thô (raw) |
565
- | `scrmb` | `scroll-margin-bottom` | Giá trị CSS thô (raw) |
566
- | `scrmbe` | `scroll-margin-block-end` | Giá trị CSS thô (raw) |
567
- | `scrmblk` | `scroll-margin-block` | Giá trị CSS thô (raw) |
568
- | `scrmbs` | `scroll-margin-block-start` | Giá trị CSS thô (raw) |
569
- | `scrmi` | `scroll-margin-inline` | Giá trị CSS thô (raw) |
570
- | `scrmie` | `scroll-margin-inline-end` | Giá trị CSS thô (raw) |
571
- | `scrmis` | `scroll-margin-inline-start` | Giá trị CSS thô (raw) |
572
- | `scrml` | `scroll-margin-left` | Giá trị CSS thô (raw) |
573
- | `scrmr` | `scroll-margin-right` | Giá trị CSS thô (raw) |
574
- | `scrmt` | `scroll-margin-top` | Giá trị CSS thô (raw) |
575
- | `scrp` | `scroll-padding` | Giá trị CSS thô (raw) |
576
- | `scrpb` | `scroll-padding-bottom` | Giá trị CSS thô (raw) |
577
- | `scrpblk` | `scroll-padding-block` | Giá trị CSS thô (raw) |
578
- | `scrpbs` | `scroll-padding-block-start` | Giá trị CSS thô (raw) |
579
- | `scrpi` | `scroll-padding-inline` | Giá trị CSS thô (raw) |
580
- | `scrpie` | `scroll-padding-inline-end` | Giá trị CSS thô (raw) |
581
- | `scrpis` | `scroll-padding-inline-start` | Giá trị CSS thô (raw) |
582
- | `scrpl` | `scroll-padding-left` | Giá trị CSS thô (raw) |
583
- | `scrpr` | `scroll-padding-right` | Giá trị CSS thô (raw) |
584
- | `scrpt` | `scroll-padding-top` | Giá trị CSS thô (raw) |
585
- | `scrsa` | `scroll-snap-align` | Giá trị CSS thô (raw) |
586
- | `scrss` | `scroll-snap-stop` | Giá trị CSS thô (raw) |
587
- | `scrst` | `scroll-snap-type` | Giá trị CSS thô (raw) |
588
- | `shit` | `shape-image-threshold` | Giá trị CSS thô (raw) |
589
- | `shm` | `shape-margin` | Giá trị CSS thô (raw) |
590
- | `sho` | `shape-outside` | Giá trị CSS thô (raw) |
591
- | `srcpbe` | `scroll-padding-block-end` | Giá trị CSS thô (raw) |
592
- | `tbl` | `table-layout` | Giá trị CSS thô (raw) |
593
- | `tbs` | `tab-size` | Giá trị CSS thô (raw) |
594
- | `trl` | `translate` | Giá trị CSS thô (raw) |
595
- | `va` | `vertical-align` | `bl` → `baseline`<br>`t` → `top`<br>`m` → `middle`<br>`b` → `bottom`<br>`tt` → `text-top`<br>`tb` → `text-bottom`<br>`sb` → `sub`<br>`sp` → `super` |
596
- | `wc` | `will-change` | `sp` → `scroll-position`<br>`c` → `contents`<br>`t` → `transform` |
597
- | `wd` | `widows` | Giá trị CSS thô (raw) |
598
- | `wsc` | `white-space-collapse` | Giá trị CSS thô (raw) |
599
- | `zo` | `zoom` | Giá trị CSS thô (raw) |
1
+ # CSS Dictionary
2
+
3
+ ## Global Common Values
4
+ These abbreviations work with almost all properties (where applicable).
5
+
6
+ | Abbreviation | Value |
7
+ | :--- | :--- |
8
+ | `un` | unset |
9
+ | `ini` | initial |
10
+ | `in` | inherit |
11
+ | `n` | none |
12
+ | `a` | auto |
13
+ | `t` | top |
14
+ | `r` | right |
15
+ | `b` | bottom |
16
+ | `l` | left |
17
+ | `c` | center |
18
+ | `cc` | currentColor |
19
+ | `col` | collapse |
20
+ | `das` | dashed |
21
+ | `dot` | dotted |
22
+ | `dub` | double |
23
+ | `e` | end |
24
+ | `fitc` | fit-content |
25
+ | `h` | hidden |
26
+ | `j` | justify |
27
+ | `m` | middle |
28
+ | `maxc` | max-content |
29
+ | `minc` | min-content |
30
+ | `rv` | revert |
31
+ | `s` | start |
32
+ | `sol` | solid |
33
+ | `tr` | transparent |
34
+ | `vis` | visible |
35
+
36
+ ---
37
+
38
+ ## Property Dictionary
39
+
40
+ | Abbreviation | Property | Values | Example |
41
+ | :--- | :--- | :--- | :--- |
42
+ | `a` | **all** | _(raw values)_ | `aUn`<br/>*(all: unset)* |
43
+ | `ac` | **align-content** | `s`: start<br/> `e`: end<br/> `fs`: flex-start<br/> `fe`: flex-end<br/> `n`: normal<br/> `b`: baseline<br/> `fb`: first baseline<br/> `lb`: last baseline<br/> `sp`: space-between<br/> `sa`: space-around<br/> `se`: space-evenly<br/> `st`: stretch<br/> `sc`: safe center<br/> `uc`: unsafe center | `acS`<br/>*(align-content: start)* |
44
+ | `acc` | **accent-color** | `u`: unset | `accU`<br/>*(accent-color: unset)* |
45
+ | `ai` | **align-items** | `n`: normal<br/> `c`: center<br/> `s`: start<br/> `e`: end<br/> `fs`: flex-start<br/> `fe`: flex-end<br/> `ss`: self-start<br/> `se`: self-end<br/> `b`: baseline<br/> `fb`: first baseline<br/> `lb`: last baseline<br/> `sc`: safe center<br/> `uc`: unsafe center | `aiN`<br/>*(align-items: normal)* |
46
+ | `ani` | **animation** | _(raw values)_ | `aniUn`<br/>*(animation: unset)* |
47
+ | `anic` | **animation-composition** | `r`: replace<br/> `a`: add<br/> `ac`: accumulate<br/> `ra`: replace, add<br/> `aac`: add, accumulate<br/> `raac`: replace, add, accumulate | `anicR`<br/>*(animation-composition: replace)* |
48
+ | `anide` | **animation-delay** | _(raw values)_ | `anide250ms`<br/>*(animation-delay: 250ms)* |
49
+ | `anidi` | **animation-direction** | `r`: reverse<br/> `a`: alternate<br/> `ar`: alternate-reverse<br/> `nr`: normal, reverse<br/> `arn`: alternate, reverse, normal | `anidiR`<br/>*(animation-direction: reverse)* |
50
+ | `anidu` | **animation-duration** | _(raw values)_ | `anidu250ms`<br/>*(animation-duration: 250ms)* |
51
+ | `anifm` | **animation-fill-mode** | `f`: forwards<br/> `b`: backwards<br/> `nb`: none, backwards<br/> `fbn`: both, forwards, none | `anifmF`<br/>*(animation-fill-mode: forwards)* |
52
+ | `aniic` | **animation-iteration-count** | _(raw values)_ | `aniic5`<br/>*(animation-iteration-count: 5)* |
53
+ | `anin` | **animation-name** | `s`: slide | `aninS`<br/>*(animation-name: slide)* |
54
+ | `anips` | **animation-play-state** | `p`: paused<br/> `r`: running | `anipsP`<br/>*(animation-play-state: paused)* |
55
+ | `anitf` | **animation-timing-function** | `ei`: ease-in<br/> `eo`: ease-out<br/> `eio`: ease-in-out<br/> `l`: linear<br/> `ss`: step-start<br/> `se`: step-end | `anitfL`<br/>*(animation-timing-function: linear)* |
56
+ | `ap` | **appearance** | `mb`: menulist-button<br/> `tf`: textfield<br/> `b`: button<br/> `c`: checkbox | `apB`<br/>*(appearance: button)* |
57
+ | `ar` | **aspect-ratio** | `s`: 1 / 1<br/> `v`: 16 / 9 | `arS`<br/>*(aspect-ratio: 1 / 1)* |
58
+ | `as` | **align-self** | `n`: normal<br/> `c`: center<br/> `s`: start<br/> `e`: end<br/> `ss`: self-start<br/> `se`: self-end<br/> `fs`: flex-start<br/> `fe`: flex-end<br/> `b`: baseline<br/> `fb`: first baseline<br/> `lb`: last baseline<br/> `st`: stretch<br/> `sc`: safe center<br/> `uc`: unsafe center | `asN`<br/>*(align-self: normal)* |
59
+ | `b` | **bottom** | _(raw values)_ | `b10px`<br/>*(bottom: 10px)* |
60
+ | `bd` | **border** | `d`: dotted<br/> `ds`: dashed<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `i`: inset<br/> `o`: outset | `bdD`<br/>*(border: dotted)* |
61
+ | `bda` | **border-radius** | _(raw values)_ | `bda10px`<br/>*(border-radius: 10px)* |
62
+ | `bdb` | **border-bottom** | _(raw values)_ | `bdb10px`<br/>*(border-bottom: 10px)* |
63
+ | `bdbc` | **border-bottom-color** | _(raw values)_ | `bdbcRed`<br/>*(border-bottom-color: Red)* |
64
+ | `bdblc` | **border-block-color** | _(raw values)_ | `bdblcRed`<br/>*(border-block-color: Red)* |
65
+ | `bdble` | **border-block-end** | _(raw values)_ | `bdbleUn`<br/>*(border-block-end: unset)* |
66
+ | `bdblec` | **border-block-end-color** | _(raw values)_ | `bdblecRed`<br/>*(border-block-end-color: Red)* |
67
+ | `bdbles` | **border-block-end-style** | `d`: dotted<br/> `ds`: dashed<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `i`: inset<br/> `o`: outset | `bdblesD`<br/>*(border-block-end-style: dotted)* |
68
+ | `bdblew` | **border-block-end-width** | _(raw values)_ | `bdblew10px`<br/>*(border-block-end-width: 10px)* |
69
+ | `bdblk` | **border-block** | _(raw values)_ | `bdblkUn`<br/>*(border-block: unset)* |
70
+ | `bdblr` | **border-bottom-left-radius** | _(raw values)_ | `bdblr10px`<br/>*(border-bottom-left-radius: 10px)* |
71
+ | `bdbls` | **border-block-start** | _(raw values)_ | `bdblsUn`<br/>*(border-block-start: unset)* |
72
+ | `bdblsc` | **border-block-start-color** | _(raw values)_ | `bdblscRed`<br/>*(border-block-start-color: Red)* |
73
+ | `bdblss` | **border-block-start-style** | `d`: dotted<br/> `ds`: dashed<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `i`: inset<br/> `o`: outset | `bdblssD`<br/>*(border-block-start-style: dotted)* |
74
+ | `bdblst` | **border-block-style** | `d`: dotted<br/> `ds`: dashed<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `i`: inset<br/> `o`: outset | `bdblstD`<br/>*(border-block-style: dotted)* |
75
+ | `bdblsw` | **border-block-start-width** | _(raw values)_ | `bdblsw10px`<br/>*(border-block-start-width: 10px)* |
76
+ | `bdblwi` | **border-block-width** | _(raw values)_ | `bdblwi10px`<br/>*(border-block-width: 10px)* |
77
+ | `bdbr` | **box-decoration-break** | `c`: clone<br/> `s`: slice | `bdbrC`<br/>*(box-decoration-break: clone)* |
78
+ | `bdbrr` | **border-bottom-right-radius** | _(raw values)_ | `bdbrr10px`<br/>*(border-bottom-right-radius: 10px)* |
79
+ | `bdbst` | **border-bottom-style** | `d`: dotted<br/> `ds`: dashed<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `i`: inset<br/> `o`: outset | `bdbstD`<br/>*(border-bottom-style: dotted)* |
80
+ | `bdbw` | **border-bottom-width** | `t`: thin<br/> `m`: medium<br/> `th`: thick | `bdbwT`<br/>*(border-bottom-width: thin)* |
81
+ | `bdc` | **border-color** | _(raw values)_ | `bdcRed`<br/>*(border-color: Red)* |
82
+ | `bdcl` | **border-collapse** | `s`: separate<br/> `c`: collapse | `bdclS`<br/>*(border-collapse: separate)* |
83
+ | `bdeer` | **border-end-end-radius** | _(raw values)_ | `bdeer10px`<br/>*(border-end-end-radius: 10px)* |
84
+ | `bdesr` | **border-end-start-radius** | _(raw values)_ | `bdesr10px`<br/>*(border-end-start-radius: 10px)* |
85
+ | `bdi` | **border-inline** | _(raw values)_ | `bdiUn`<br/>*(border-inline: unset)* |
86
+ | `bdic` | **border-inline-color** | _(raw values)_ | `bdicRed`<br/>*(border-inline-color: Red)* |
87
+ | `bdie` | **border-inline-end** | _(raw values)_ | `bdieUn`<br/>*(border-inline-end: unset)* |
88
+ | `bdiec` | **border-inline-end-color** | _(raw values)_ | `bdiecRed`<br/>*(border-inline-end-color: Red)* |
89
+ | `bdies` | **border-inline-end-style** | _(raw values)_ | `bdiesUn`<br/>*(border-inline-end-style: unset)* |
90
+ | `bdiew` | **border-inline-end-width** | _(raw values)_ | `bdiew10px`<br/>*(border-inline-end-width: 10px)* |
91
+ | `bdimg` | **border-image** | _(raw values)_ | `bdimg[url('...')]`<br/>*(border-image: url('...'))* |
92
+ | `bdinw` | **border-inline-width** | _(raw values)_ | `bdinw10px`<br/>*(border-inline-width: 10px)* |
93
+ | `bdio` | **border-image-outset** | _(raw values)_ | `bdio[url('...')]`<br/>*(border-image-outset: url('...'))* |
94
+ | `bdir` | **border-image-repeat** | `st`: stretch<br/> `r`: repeat<br/> `rn`: round<br/> `s`: space | `bdirR`<br/>*(border-image-repeat: repeat)* |
95
+ | `bdis` | **border-image-slice** | _(raw values)_ | `bdis[url('...')]`<br/>*(border-image-slice: url('...'))* |
96
+ | `bdisc` | **border-inline-start-color** | _(raw values)_ | `bdiscRed`<br/>*(border-inline-start-color: Red)* |
97
+ | `bdisrc` | **border-image-source** | _(raw values)_ | `bdisrc[url('...')]`<br/>*(border-image-source: url('...'))* |
98
+ | `bdiss` | **border-inline-start-style** | _(raw values)_ | `bdissUn`<br/>*(border-inline-start-style: unset)* |
99
+ | `bdista` | **border-inline-start** | _(raw values)_ | `bdistaUn`<br/>*(border-inline-start: unset)* |
100
+ | `bdistl` | **border-inline-style** | _(raw values)_ | `bdistlUn`<br/>*(border-inline-style: unset)* |
101
+ | `bdisw` | **border-inline-start-width** | _(raw values)_ | `bdisw10px`<br/>*(border-inline-start-width: 10px)* |
102
+ | `bdiw` | **border-image-width** | _(raw values)_ | `bdiw10px`<br/>*(border-image-width: 10px)* |
103
+ | `bdl` | **border-left** | _(raw values)_ | `bdl10px`<br/>*(border-left: 10px)* |
104
+ | `bdlc` | **border-left-color** | _(raw values)_ | `bdlcRed`<br/>*(border-left-color: Red)* |
105
+ | `bdls` | **border-left-style** | _(raw values)_ | `bdls10px`<br/>*(border-left-style: 10px)* |
106
+ | `bdlw` | **border-left-width** | `t`: thin<br/> `m`: medium<br/> `th`: thick | `bdlwT`<br/>*(border-left-width: thin)* |
107
+ | `bdr` | **border-right** | _(raw values)_ | `bdr10px`<br/>*(border-right: 10px)* |
108
+ | `bdra` | **border-radius** | _(raw values)_ | `bdra10px`<br/>*(border-radius: 10px)* |
109
+ | `bdrc` | **border-right-color** | _(raw values)_ | `bdrcRed`<br/>*(border-right-color: Red)* |
110
+ | `bdrs` | **border-right-style** | `dt`: dotted<br/> `ds`: dashed<br/> `s`: solid<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `in`: inset<br/> `out`: outset | `bdrsS`<br/>*(border-right-style: solid)* |
111
+ | `bdrw` | **border-right-width** | `t`: thin<br/> `m`: medium<br/> `th`: thick | `bdrwT`<br/>*(border-right-width: thin)* |
112
+ | `bds` | **border-style** | `dt`: dotted<br/> `ds`: dashed<br/> `s`: solid<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `in`: inset<br/> `out`: outset | `bdsS`<br/>*(border-style: solid)* |
113
+ | `bdser` | **border-start-end-radius** | _(raw values)_ | `bdser10px`<br/>*(border-start-end-radius: 10px)* |
114
+ | `bdsp` | **border-spacing** | _(raw values)_ | `bdsp10px`<br/>*(border-spacing: 10px)* |
115
+ | `bdssr` | **border-start-start-radius** | _(raw values)_ | `bdssr10px`<br/>*(border-start-start-radius: 10px)* |
116
+ | `bdt` | **border-top** | _(raw values)_ | `bdt10px`<br/>*(border-top: 10px)* |
117
+ | `bdtc` | **border-top-color** | _(raw values)_ | `bdtcRed`<br/>*(border-top-color: Red)* |
118
+ | `bdtlr` | **border-top-left-radius** | _(raw values)_ | `bdtlr10px`<br/>*(border-top-left-radius: 10px)* |
119
+ | `bdtrr` | **border-top-right-radius** | _(raw values)_ | `bdtrr10px`<br/>*(border-top-right-radius: 10px)* |
120
+ | `bdts` | **border-top-style** | `dt`: dotted<br/> `ds`: dashed<br/> `s`: solid<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `in`: inset<br/> `out`: outset | `bdtsS`<br/>*(border-top-style: solid)* |
121
+ | `bdtw` | **border-top-width** | `t`: thin<br/> `m`: medium<br/> `th`: thick | `bdtwT`<br/>*(border-top-width: thin)* |
122
+ | `bdw` | **border-width** | `t`: thin<br/> `m`: medium<br/> `th`: thick | `bdwT`<br/>*(border-width: thin)* |
123
+ | `bg` | **background** | _(raw values)_ | `bgRed`<br/>*(background: Red)* |
124
+ | `bga` | **background-attachment** | `s`: scroll<br/> `f`: fixed<br/> `l`: local | `bgaS`<br/>*(background-attachment: scroll)* |
125
+ | `bgbm` | **background-blend-mode** | `n`: normal<br/> `m`: multiply<br/> `s`: screen<br/> `o`: overlay<br/> `d`: darken<br/> `l`: lighten<br/> `cd`: color-dodge<br/> `i`: color-burn<br/> `hl`: hard-light<br/> `sl`: soft-light<br/> `di`: difference<br/> `e`: exclusion<br/> `h`: hue<br/> `sa`: saturation<br/> `c`: color<br/> `lu`: luminosity | `bgbmN`<br/>*(background-blend-mode: normal)* |
126
+ | `bgc` | **background-color** | `t`: transparent<br/> `c`: currentcolor | `bgcT`<br/>*(background-color: transparent)* |
127
+ | `bgcl` | **background-clip** | `bb`: border-box<br/> `pb`: padding-box<br/> `cb`: content-box<br/> `t`: text | `bgclT`<br/>*(background-clip: text)* |
128
+ | `bgi` | **background-image** | _(raw values)_ | `bgi[url('...')]`<br/>*(background-image: url('...'))* |
129
+ | `bgo` | **background-origin** | `bb`: border-box<br/> `pb`: padding-box<br/> `cb`: content-box | `bgoBb`<br/>*(background-origin: border-box)* |
130
+ | `bgp` | **background-position** | `t`: top<br/> `b`: bottom<br/> `l`: left<br/> `r`: right<br/> `c`: center<br/> `lt`: left top<br/> `ct`: center top<br/> `rt`: right top<br/> `lc`: left center<br/> `cc`: center center<br/> `rc`: right center<br/> `lb`: left bottom<br/> `cb`: center bottom<br/> `rb`: right bottom | `bgpT`<br/>*(background-position: top)* |
131
+ | `bgpx` | **background-position-x** | `l`: left<br/> `r`: right<br/> `c`: center | `bgpxL`<br/>*(background-position-x: left)* |
132
+ | `bgpy` | **background-position-y** | `t`: top<br/> `b`: bottom<br/> `c`: center | `bgpyT`<br/>*(background-position-y: top)* |
133
+ | `bgr` | **background-repeat** | `r`: repeat<br/> `x`: repeat-x<br/> `y`: repeat-y<br/> `s`: space<br/> `rn`: round<br/> `n`: no-repeat<br/> `rs`: repeat space<br/> `rr`: repeat repeat<br/> `nr`: no-repeat round | `bgrR`<br/>*(background-repeat: repeat)* |
134
+ | `bgs` | **background-size** | `c`: contain | `bgsC`<br/>*(background-size: contain)* |
135
+ | `bkdf` | **backdrop-filter** | _(raw values)_ | `bkdfUn`<br/>*(backdrop-filter: unset)* |
136
+ | `bkfv` | **backface-visibility** | _(raw values)_ | `bkfvUn`<br/>*(backface-visibility: unset)* |
137
+ | `blks` | **block-size** | _(raw values)_ | `blks10px`<br/>*(block-size: 10px)* |
138
+ | `brka` | **break-after** | _(raw values)_ | `brkaPage`<br/>*(break-after: page)* |
139
+ | `brkb` | **break-before** | _(raw values)_ | `brkbPage`<br/>*(break-before: page)* |
140
+ | `brki` | **break-inside** | _(raw values)_ | `brkiPage`<br/>*(break-inside: page)* |
141
+ | `bxsh` | **box-shadow** | _(raw values)_ | `bxshUn`<br/>*(box-shadow: unset)* |
142
+ | `bxshd` | **box-shadow** | _(raw values)_ | `bxshdUn`<br/>*(box-shadow: unset)* |
143
+ | `bxsz` | **box-sizing** | _(raw values)_ | `bxszUn`<br/>*(box-sizing: unset)* |
144
+ | `c` | **color** | `i`: inherit<br/> `t`: transparent | `cI`<br/>*(color: inherit)* |
145
+ | `caps` | **caption-side** | _(raw values)_ | `capsUn`<br/>*(caption-side: unset)* |
146
+ | `cip` | **color-interpolation** | _(raw values)_ | `cipRed`<br/>*(color-interpolation: Red)* |
147
+ | `ciw` | **contain-intrinsic-width** | _(raw values)_ | `ciw10px`<br/>*(contain-intrinsic-width: 10px)* |
148
+ | `clpp` | **clip-path** | _(raw values)_ | `clppUn`<br/>*(clip-path: unset)* |
149
+ | `clr` | **clear** | _(raw values)_ | `clrUn`<br/>*(clear: unset)* |
150
+ | `cnt` | **contain** | _(raw values)_ | `cntUn`<br/>*(contain: unset)* |
151
+ | `cntibs` | **contain-intrinsic-block-size** | _(raw values)_ | `cntibs10px`<br/>*(contain-intrinsic-block-size: 10px)* |
152
+ | `cntih` | **contain-intrinsic-height** | _(raw values)_ | `cntih10px`<br/>*(contain-intrinsic-height: 10px)* |
153
+ | `cntiis` | **contain-intrinsic-inline-size** | _(raw values)_ | `cntiis10px`<br/>*(contain-intrinsic-inline-size: 10px)* |
154
+ | `cntis` | **contain-intrinsic-size** | _(raw values)_ | `cntis10px`<br/>*(contain-intrinsic-size: 10px)* |
155
+ | `cntri` | **counter-increment** | _(raw values)_ | `cntri5`<br/>*(counter-increment: 5)* |
156
+ | `cntrr` | **counter-reset** | _(raw values)_ | `cntrr5`<br/>*(counter-reset: 5)* |
157
+ | `cntrs` | **counter-set** | _(raw values)_ | `cntrs5`<br/>*(counter-set: 5)* |
158
+ | `col` | **columns** | _(raw values)_ | `colUn`<br/>*(columns: unset)* |
159
+ | `colc` | **column-count** | _(raw values)_ | `colc5`<br/>*(column-count: 5)* |
160
+ | `colf` | **column-fill** | _(raw values)_ | `colfRed`<br/>*(column-fill: Red)* |
161
+ | `colg` | **column-gap** | _(raw values)_ | `colg10px`<br/>*(column-gap: 10px)* |
162
+ | `colr` | **column-rule** | _(raw values)_ | `colrUn`<br/>*(column-rule: unset)* |
163
+ | `colrc` | **column-rule-color** | _(raw values)_ | `colrcRed`<br/>*(column-rule-color: Red)* |
164
+ | `colrs` | **column-rule-style** | _(raw values)_ | `colrsUn`<br/>*(column-rule-style: unset)* |
165
+ | `colrw` | **column-rule-width** | _(raw values)_ | `colrw10px`<br/>*(column-rule-width: 10px)* |
166
+ | `cols` | **column-span** | _(raw values)_ | `colsUn`<br/>*(column-span: unset)* |
167
+ | `colw` | **column-width** | _(raw values)_ | `colw10px`<br/>*(column-width: 10px)* |
168
+ | `cr` | **cursor** | `p`: pointer<br/> `d`: default<br/> `cm`: context-menu<br/> `h`: help<br/> `pg`: progress<br/> `w`: wait<br/> `c`: cell<br/> `t`: text<br/> `vt`: vertical-text<br/> `al`: alias<br/> `cp`: copy<br/> `mo`: move<br/> `nd`: no-drop<br/> `na`: not-allowed<br/> `gr`: grab<br/> `gb`: grabbing<br/> `as`: all-scroll<br/> `colr`: col-resize<br/> `rr`: row-resize<br/> `nr`: n-resize<br/> `er`: e-resize<br/> `sr`: s-resize<br/> `wr`: w-resize<br/> `ner`: ne-resize<br/> `ser`: se-resize<br/> `swr`: sw-resize<br/> `ewr`: ew-resize<br/> `nsr`: ns-resize<br/> `nesw`: nesw-resize<br/> `nwse`: nwse-resize<br/> `zi`: zoom-in<br/> `zo`: zoom-out | `crP`<br/>*(cursor: pointer)* |
169
+ | `crtc` | **caret-color** | _(raw values)_ | `crtcRed`<br/>*(caret-color: Red)* |
170
+ | `csch` | **color-scheme** | _(raw values)_ | `cschRed`<br/>*(color-scheme: Red)* |
171
+ | `ctr` | **container** | _(raw values)_ | `ctrUn`<br/>*(container: unset)* |
172
+ | `ctrn` | **container-name** | _(raw values)_ | `ctrnUn`<br/>*(container-name: unset)* |
173
+ | `ctrt` | **container-type** | _(raw values)_ | `ctrtUn`<br/>*(container-type: unset)* |
174
+ | `ctt` | **content** | _(raw values)_ | `ctt[url('...')]`<br/>*(content: url('...'))* |
175
+ | `d` | **display** | `b`: block<br/> `ib`: inline-block<br/> `i`: inline<br/> `f`: flex<br/> `if`: inline-flex<br/> `t`: table<br/> `it`: inline-table<br/> `tcp`: table-caption<br/> `tcell`: table-cell<br/> `tcol`: table-column<br/> `tcolg`: table-column-group<br/> `tfg`: table-footer-group<br/> `thg`: table-header-group<br/> `trg`: table-row-group<br/> `tr`: table-row<br/> `fr`: flow-root<br/> `g`: grid<br/> `ig`: inline-grid<br/> `c`: contents<br/> `li`: list-item | `dB`<br/>*(display: block)* |
176
+ | `dir` | **direction** | _(raw values)_ | `dirUn`<br/>*(direction: unset)* |
177
+ | `empc` | **empty-cells** | _(raw values)_ | `empcUn`<br/>*(empty-cells: unset)* |
178
+ | `fca` | **forced-color-adjust** | _(raw values)_ | `fcaRed`<br/>*(forced-color-adjust: Red)* |
179
+ | `ff` | **font-family** | `a`: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'<br/> `s`: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif<br/> `m`: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace | `ffA`<br/>*(font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji')* |
180
+ | `fl` | **float** | `is`: inline-start<br/> `ie`: inline-end<br/> `r`: right<br/> `l`: left | `flR`<br/>*(float: right)* |
181
+ | `flt` | **filter** | _(raw values)_ | `fltUn`<br/>*(filter: unset)* |
182
+ | `fn` | **font** | _(raw values)_ | `fnUn`<br/>*(font: unset)* |
183
+ | `fnf` | **font-family** | _(raw values)_ | `fnf[Arial]`<br/>*(font-family: Arial)* |
184
+ | `fnfs` | **font-feature-settings** | _(raw values)_ | `fnfsUn`<br/>*(font-feature-settings: unset)* |
185
+ | `fnk` | **font-kerning** | _(raw values)_ | `fnkUn`<br/>*(font-kerning: unset)* |
186
+ | `fnlo` | **font-language-override** | _(raw values)_ | `fnloUn`<br/>*(font-language-override: unset)* |
187
+ | `fnos` | **font-optical-sizing** | _(raw values)_ | `fnosUn`<br/>*(font-optical-sizing: unset)* |
188
+ | `fnp` | **font-palette** | _(raw values)_ | `fnpUn`<br/>*(font-palette: unset)* |
189
+ | `fns` | **font-size** | _(raw values)_ | `fns10px`<br/>*(font-size: 10px)* |
190
+ | `fnsa` | **font-size-adjust** | _(raw values)_ | `fnsa10px`<br/>*(font-size-adjust: 10px)* |
191
+ | `fnsp` | **font-synthesis-position** | _(raw values)_ | `fnspUn`<br/>*(font-synthesis-position: unset)* |
192
+ | `fnss` | **font-synthesis-style** | _(raw values)_ | `fnssUn`<br/>*(font-synthesis-style: unset)* |
193
+ | `fnssc` | **font-synthesis-small-caps** | _(raw values)_ | `fnsscUn`<br/>*(font-synthesis-small-caps: unset)* |
194
+ | `fnstr` | **font-stretch** | _(raw values)_ | `fnstrUn`<br/>*(font-stretch: unset)* |
195
+ | `fnsty` | **font-style** | _(raw values)_ | `fnstyUn`<br/>*(font-style: unset)* |
196
+ | `fnsw` | **font-synthesis-weight** | _(raw values)_ | `fnswUn`<br/>*(font-synthesis-weight: unset)* |
197
+ | `fnsyn` | **font-synthesis** | _(raw values)_ | `fnsynUn`<br/>*(font-synthesis: unset)* |
198
+ | `fnv` | **font-variant** | _(raw values)_ | `fnvUn`<br/>*(font-variant: unset)* |
199
+ | `fnva` | **font-variant-alternates** | _(raw values)_ | `fnvaUn`<br/>*(font-variant-alternates: unset)* |
200
+ | `fnvc` | **font-variant-caps** | _(raw values)_ | `fnvcUn`<br/>*(font-variant-caps: unset)* |
201
+ | `fnve` | **font-variant-emoji** | _(raw values)_ | `fnveUn`<br/>*(font-variant-emoji: unset)* |
202
+ | `fnvea` | **font-variant-east-asian** | _(raw values)_ | `fnveaUn`<br/>*(font-variant-east-asian: unset)* |
203
+ | `fnvl` | **font-variant-ligatures** | _(raw values)_ | `fnvlUn`<br/>*(font-variant-ligatures: unset)* |
204
+ | `fnvn` | **font-variant-numeric** | _(raw values)_ | `fnvnUn`<br/>*(font-variant-numeric: unset)* |
205
+ | `fnvp` | **font-variant-position** | _(raw values)_ | `fnvpUn`<br/>*(font-variant-position: unset)* |
206
+ | `fnvs` | **font-variation-settings** | _(raw values)_ | `fnvsUn`<br/>*(font-variation-settings: unset)* |
207
+ | `fnw` | **font-weight** | _(raw values)_ | `fnwUn`<br/>*(font-weight: unset)* |
208
+ | `fw` | **font-weight** | _(raw values)_ | `fwUn`<br/>*(font-weight: unset)* |
209
+ | `fx` | **flex** | `i`: 0 1 auto<br/> `a`: 1 1 auto | `fxI`<br/>*(flex: 0 1 auto)* |
210
+ | `fxb` | **flex-basis** | _(raw values)_ | `fxb10px`<br/>*(flex-basis: 10px)* |
211
+ | `fxd` | **flex-direction** | `r`: row<br/> `rr`: row-reverse<br/> `c`: column<br/> `cr`: column-reverse | `fxdR`<br/>*(flex-direction: row)* |
212
+ | `fxf` | **flex-flow** | _(raw values)_ | `fxfUn`<br/>*(flex-flow: unset)* |
213
+ | `fxg` | **flex-grow** | _(raw values)_ | `fxg5`<br/>*(flex-grow: 5)* |
214
+ | `fxs` | **flex-shrink** | _(raw values)_ | `fxs5`<br/>*(flex-shrink: 5)* |
215
+ | `fxw` | **flex-wrap** | `w`: wrap<br/> `wr`: wrap-reverse<br/> `n`: nowrap | `fxwW`<br/>*(flex-wrap: wrap)* |
216
+ | `g` | **grid** | _(raw values)_ | `gUn`<br/>*(grid: unset)* |
217
+ | `ga` | **grid-area** | _(raw values)_ | `gaUn`<br/>*(grid-area: unset)* |
218
+ | `gac` | **grid-auto-columns** | `mic`: min-content<br/> `mac`: max-content<br/> `mm`: minmax(0, 1fr) | `gacMic`<br/>*(grid-auto-columns: min-content)* |
219
+ | `gaf` | **grid-auto-flow** | `r`: row<br/> `c`: column<br/> `d`: dense<br/> `rd`: row dense<br/> `cd`: column dense | `gafR`<br/>*(grid-auto-flow: row)* |
220
+ | `gap` | **gap** | _(raw values)_ | `gap10px`<br/>*(gap: 10px)* |
221
+ | `gar` | **grid-auto-rows** | `mic`: min-content<br/> `mac`: max-content<br/> `mm`: minmax(0, 1fr) | `garMic`<br/>*(grid-auto-rows: min-content)* |
222
+ | `gc` | **grid-column** | `f`: 1 / -1 | `gcF`<br/>*(grid-column: 1 / -1)* |
223
+ | `gce` | **grid-column-end** | _(raw values)_ | `gceUn`<br/>*(grid-column-end: unset)* |
224
+ | `gcs` | **grid-column-start** | _(raw values)_ | `gcsUn`<br/>*(grid-column-start: unset)* |
225
+ | `gr` | **grid-row** | `f`: 1 / -1 | `grF`<br/>*(grid-row: 1 / -1)* |
226
+ | `gre` | **grid-row-end** | _(raw values)_ | `greUn`<br/>*(grid-row-end: unset)* |
227
+ | `grs` | **grid-row-start** | _(raw values)_ | `grsUn`<br/>*(grid-row-start: unset)* |
228
+ | `gt` | **grid-template** | _(raw values)_ | `gtUn`<br/>*(grid-template: unset)* |
229
+ | `gta` | **grid-template-areas** | _(raw values)_ | `gtaUn`<br/>*(grid-template-areas: unset)* |
230
+ | `gtc` | **grid-template-columns** | `s`: subgrid | `gtcS`<br/>*(grid-template-columns: subgrid)* |
231
+ | `gtr` | **grid-template-rows** | `s`: subgrid | `gtrS`<br/>*(grid-template-rows: subgrid)* |
232
+ | `h` | **height** | `mic`: min-content<br/> `mac`: max-content<br/> `fc`: fit-content | `hMic`<br/>*(height: min-content)* |
233
+ | `hc` | **hyphenate-character** | _(raw values)_ | `hcUn`<br/>*(hyphenate-character: unset)* |
234
+ | `hlc` | **hyphenate-limit-chars** | _(raw values)_ | `hlcUn`<br/>*(hyphenate-limit-chars: unset)* |
235
+ | `hp` | **hanging-punctuation** | _(raw values)_ | `hpUn`<br/>*(hanging-punctuation: unset)* |
236
+ | `hyp` | **hyphens** | `m`: manual | `hypM`<br/>*(hyphens: manual)* |
237
+ | `i` | **inset** | _(raw values)_ | `i10px`<br/>*(inset: 10px)* |
238
+ | `ibe` | **inset-block-end** | _(raw values)_ | `ibe10px`<br/>*(inset-block-end: 10px)* |
239
+ | `iblk` | **inset-block** | _(raw values)_ | `iblk10px`<br/>*(inset-block: 10px)* |
240
+ | `ibsta` | **inset-block-start** | _(raw values)_ | `ibsta10px`<br/>*(inset-block-start: 10px)* |
241
+ | `ii` | **inset-inline** | _(raw values)_ | `ii10px`<br/>*(inset-inline: 10px)* |
242
+ | `iie` | **inset-inline-end** | _(raw values)_ | `iie10px`<br/>*(inset-inline-end: 10px)* |
243
+ | `iis` | **inset-inline-start** | _(raw values)_ | `iis10px`<br/>*(inset-inline-start: 10px)* |
244
+ | `imgo` | **image-orientation** | _(raw values)_ | `imgo[url('...')]`<br/>*(image-orientation: url('...'))* |
245
+ | `imgr` | **image-rendering** | _(raw values)_ | `imgr[url('...')]`<br/>*(image-rendering: url('...'))* |
246
+ | `ins` | **inline-size** | _(raw values)_ | `ins10px`<br/>*(inline-size: 10px)* |
247
+ | `is` | **isolation** | `i`: isolate | `isI`<br/>*(isolation: isolate)* |
248
+ | `jc` | **justify-content** | `c`: center<br/> `s`: start<br/> `e`: end<br/> `fs`: flex-start<br/> `fe`: flex-end<br/> `l`: left<br/> `r`: right<br/> `n`: normal<br/> `sp`: space-between<br/> `sa`: space-around<br/> `se`: space-evenly<br/> `st`: stretch<br/> `sc`: safe center<br/> `uc`: unsafe center | `jcC`<br/>*(justify-content: center)* |
249
+ | `ji` | **justify-items** | `n`: normal<br/> `st`: stretch<br/> `c`: center<br/> `s`: start<br/> `e`: end<br/> `fs`: flex-start<br/> `fe`: flex-end<br/> `ss`: self-start<br/> `se`: self-end<br/> `l`: left<br/> `r`: right<br/> `b`: baseline<br/> `fb`: first baseline<br/> `lb`: last baseline<br/> `lr`: legacy right<br/> `ll`: legacy left<br/> `lc`: legacy center<br/> `sc`: safe center<br/> `uc`: unsafe center | `jiN`<br/>*(justify-items: normal)* |
250
+ | `js` | **justify-self** | `n`: normal<br/> `st`: stretch<br/> `c`: center<br/> `s`: start<br/> `e`: end<br/> `fs`: flex-start<br/> `fe`: flex-end<br/> `ss`: self-start<br/> `se`: self-end<br/> `l`: left<br/> `r`: right<br/> `b`: baseline<br/> `sc`: safe center<br/> `uc`: unsafe center | `jsN`<br/>*(justify-self: normal)* |
251
+ | `l` | **left** | _(raw values)_ | `l10px`<br/>*(left: 10px)* |
252
+ | `lbrk` | **line-break** | _(raw values)_ | `lbrkUn`<br/>*(line-break: unset)* |
253
+ | `lh` | **line-height** | _(raw values)_ | `lh10px`<br/>*(line-height: 10px)* |
254
+ | `lisp` | **list-style-position** | `i`: inside<br/> `o`: outside | `lispI`<br/>*(list-style-position: inside)* |
255
+ | `ls` | **list-style** | `i`: inside<br/> `di`: disc<br/> `c`: circle<br/> `s`: square<br/> `de`: decimal<br/> `g`: georgian<br/> `tci`: trad-chinese-informal<br/> `k`: kannada | `lsI`<br/>*(list-style: inside)* |
256
+ | `lsi` | **list-style-image** | _(raw values)_ | `lsi[url('...')]`<br/>*(list-style-image: url('...'))* |
257
+ | `lst` | **list-style-type** | `di`: disc<br/> `c`: circle<br/> `s`: square<br/> `de`: decimal<br/> `g`: georgian<br/> `tci`: trad-chinese-informal<br/> `k`: kannada | `lstC`<br/>*(list-style-type: circle)* |
258
+ | `lts` | **letter-spacing** | `n`: normal | `ltsN`<br/>*(letter-spacing: normal)* |
259
+ | `m` | **margin** | _(raw values)_ | `m10px`<br/>*(margin: 10px)* |
260
+ | `mb` | **margin-bottom** | _(raw values)_ | `mb10px`<br/>*(margin-bottom: 10px)* |
261
+ | `mbd` | **mix-blend-mode** | `n`: normal<br/> `m`: multiply<br/> `s`: screen<br/> `o`: overlay<br/> `d`: darken<br/> `l`: lighten<br/> `cd`: color-dodge<br/> `i`: color-burn<br/> `hl`: hard-light<br/> `sl`: soft-light<br/> `di`: difference<br/> `e`: exclusion<br/> `h`: hue<br/> `sa`: saturation<br/> `c`: color<br/> `lu`: luminosity | `mbdN`<br/>*(mix-blend-mode: normal)* |
262
+ | `mbe` | **margin-block-end** | _(raw values)_ | `mbe10px`<br/>*(margin-block-end: 10px)* |
263
+ | `mblk` | **margin-block** | _(raw values)_ | `mblk10px`<br/>*(margin-block: 10px)* |
264
+ | `mbs` | **max-block-size** | _(raw values)_ | `mbs10px`<br/>*(max-block-size: 10px)* |
265
+ | `mbsta` | **margin-block-start** | _(raw values)_ | `mbsta10px`<br/>*(margin-block-start: 10px)* |
266
+ | `mh` | **max-height** | _(raw values)_ | `mh10px`<br/>*(max-height: 10px)* |
267
+ | `mibs` | **min-block-size** | _(raw values)_ | `mibs10px`<br/>*(min-block-size: 10px)* |
268
+ | `mie` | **margin-inline-end** | _(raw values)_ | `mie10px`<br/>*(margin-inline-end: 10px)* |
269
+ | `mih` | **min-height** | `f`: 100%<br/> `mic`: min-content<br/> `mac`: max-content<br/> `fc`: fit-content | `mihF`<br/>*(min-height: 100%)* |
270
+ | `min` | **margin-inline** | _(raw values)_ | `min10px`<br/>*(margin-inline: 10px)* |
271
+ | `mis` | **max-inline-size** | _(raw values)_ | `mis10px`<br/>*(max-inline-size: 10px)* |
272
+ | `mista` | **margin-inline-start** | _(raw values)_ | `mista10px`<br/>*(margin-inline-start: 10px)* |
273
+ | `misz` | **min-inline-size** | _(raw values)_ | `misz10px`<br/>*(min-inline-size: 10px)* |
274
+ | `miw` | **min-width** | `f`: 100%<br/> `mic`: min-content<br/> `mac`: max-content<br/> `fc`: fit-content | `miwF`<br/>*(min-width: 100%)* |
275
+ | `ml` | **margin-left** | _(raw values)_ | `ml10px`<br/>*(margin-left: 10px)* |
276
+ | `mr` | **margin-right** | _(raw values)_ | `mr10px`<br/>*(margin-right: 10px)* |
277
+ | `msk` | **mask** | _(raw values)_ | `mskUn`<br/>*(mask: unset)* |
278
+ | `mskb` | **mask-border** | _(raw values)_ | `mskbUn`<br/>*(mask-border: unset)* |
279
+ | `mskbm` | **mask-border-mode** | _(raw values)_ | `mskbmUn`<br/>*(mask-border-mode: unset)* |
280
+ | `mskbo` | **mask-border-outset** | _(raw values)_ | `mskboUn`<br/>*(mask-border-outset: unset)* |
281
+ | `mskbr` | **mask-border-repeat** | _(raw values)_ | `mskbrUn`<br/>*(mask-border-repeat: unset)* |
282
+ | `mskbs` | **mask-border-slice** | _(raw values)_ | `mskbsUn`<br/>*(mask-border-slice: unset)* |
283
+ | `mskbsrc` | **mask-border-source** | _(raw values)_ | `mskbsrcUn`<br/>*(mask-border-source: unset)* |
284
+ | `mskbw` | **mask-border-width** | _(raw values)_ | `mskbw10px`<br/>*(mask-border-width: 10px)* |
285
+ | `mskc` | **mask-clip** | _(raw values)_ | `mskcUn`<br/>*(mask-clip: unset)* |
286
+ | `mskcp` | **mask-composite** | _(raw values)_ | `mskcpUn`<br/>*(mask-composite: unset)* |
287
+ | `mski` | **mask-image** | _(raw values)_ | `mski[url('...')]`<br/>*(mask-image: url('...'))* |
288
+ | `mskm` | **mask-mode** | _(raw values)_ | `mskmUn`<br/>*(mask-mode: unset)* |
289
+ | `msko` | **mask-origin** | _(raw values)_ | `mskoUn`<br/>*(mask-origin: unset)* |
290
+ | `mskp` | **mask-position** | _(raw values)_ | `mskpUn`<br/>*(mask-position: unset)* |
291
+ | `mskr` | **mask-repeat** | _(raw values)_ | `mskrUn`<br/>*(mask-repeat: unset)* |
292
+ | `msks` | **mask-size** | _(raw values)_ | `msks10px`<br/>*(mask-size: 10px)* |
293
+ | `mskt` | **mask-type** | _(raw values)_ | `msktUn`<br/>*(mask-type: unset)* |
294
+ | `mt` | **margin-top** | _(raw values)_ | `mt10px`<br/>*(margin-top: 10px)* |
295
+ | `mtd` | **math-depth** | _(raw values)_ | `mtdUn`<br/>*(math-depth: unset)* |
296
+ | `mts` | **math-style** | _(raw values)_ | `mtsUn`<br/>*(math-style: unset)* |
297
+ | `mw` | **max-width** | _(raw values)_ | `mw10px`<br/>*(max-width: 10px)* |
298
+ | `mxw` | **max-width** | _(raw values)_ | `mxw10px`<br/>*(max-width: 10px)* |
299
+ | `of` | **object-fit** | `c`: contain<br/> `cv`: cover<br/> `f`: fill<br/> `sd`: scale-down | `ofC`<br/>*(object-fit: contain)* |
300
+ | `ofa` | **offset-anchor** | _(raw values)_ | `ofa10px`<br/>*(offset-anchor: 10px)* |
301
+ | `ofd` | **offset-distance** | _(raw values)_ | `ofd10px`<br/>*(offset-distance: 10px)* |
302
+ | `ofl` | **overflow** | _(raw values)_ | `oflUn`<br/>*(overflow: unset)* |
303
+ | `ofla` | **overflow-anchor** | _(raw values)_ | `oflaUn`<br/>*(overflow-anchor: unset)* |
304
+ | `oflb` | **overflow-block** | _(raw values)_ | `oflbUn`<br/>*(overflow-block: unset)* |
305
+ | `oflcm` | **overflow-clip-margin** | _(raw values)_ | `oflcm10px`<br/>*(overflow-clip-margin: 10px)* |
306
+ | `ofli` | **overflow-inline** | _(raw values)_ | `ofliUn`<br/>*(overflow-inline: unset)* |
307
+ | `oflw` | **overflow-wrap** | `c`: clip<br/> `s`: scroll | `oflwC`<br/>*(overflow-wrap: clip)* |
308
+ | `oflx` | **overflow-x** | `c`: clip<br/> `s`: scroll | `oflxC`<br/>*(overflow-x: clip)* |
309
+ | `ofly` | **overflow-y** | `c`: clip<br/> `s`: scroll | `oflyC`<br/>*(overflow-y: clip)* |
310
+ | `ofp` | **offset-path** | _(raw values)_ | `ofp10px`<br/>*(offset-path: 10px)* |
311
+ | `ofpo` | **offset-position** | _(raw values)_ | `ofpo10px`<br/>*(offset-position: 10px)* |
312
+ | `ofr` | **offset-rotate** | _(raw values)_ | `ofr10px`<br/>*(offset-rotate: 10px)* |
313
+ | `ofs` | **offset** | _(raw values)_ | `ofs10px`<br/>*(offset: 10px)* |
314
+ | `olc` | **outline-color** | `i`: inherit<br/> `c`: currentColor<br/> `t`: transparent | `olcI`<br/>*(outline-color: inherit)* |
315
+ | `oli` | **outline** | _(raw values)_ | `oliUn`<br/>*(outline: unset)* |
316
+ | `olo` | **outline-offset** | _(raw values)_ | `olo10px`<br/>*(outline-offset: 10px)* |
317
+ | `ols` | **outline-style** | `dt`: dotted<br/> `ds`: dashed<br/> `s`: solid<br/> `db`: double<br/> `g`: groove<br/> `r`: ridge<br/> `in`: inset<br/> `out`: outset | `olsS`<br/>*(outline-style: solid)* |
318
+ | `olw` | **outline-width** | `t`: thin<br/> `m`: medium<br/> `th`: thick | `olwT`<br/>*(outline-width: thin)* |
319
+ | `op` | **object-position** | `b`: bottom<br/> `c`: center<br/> `l`: left<br/> `r`: right<br/> `t`: top<br/> `lb`: left bottom<br/> `lt`: left top<br/> `rb`: right bottom<br/> `rt`: right top | `opB`<br/>*(object-position: bottom)* |
320
+ | `opc` | **opacity** | _(raw values)_ | `opc0.5`<br/>*(opacity: 0.5)* |
321
+ | `ord` | **order** | _(raw values)_ | `ord5`<br/>*(order: 5)* |
322
+ | `orp` | **orphans** | _(raw values)_ | `orpUn`<br/>*(orphans: unset)* |
323
+ | `orsby` | **overscroll-behavior-y** | `c`: contain | `orsbyC`<br/>*(overscroll-behavior-y: contain)* |
324
+ | `osrbb` | **overscroll-behavior-block** | `c`: contain | `osrbbC`<br/>*(overscroll-behavior-block: contain)* |
325
+ | `osrbh` | **overscroll-behavior** | `c`: contain | `osrbhC`<br/>*(overscroll-behavior: contain)* |
326
+ | `osrbi` | **overscroll-behavior-inline** | `c`: contain | `osrbiC`<br/>*(overscroll-behavior-inline: contain)* |
327
+ | `osrbx` | **overscroll-behavior-x** | `c`: contain | `osrbxC`<br/>*(overscroll-behavior-x: contain)* |
328
+ | `p` | **padding** | _(raw values)_ | `p10px`<br/>*(padding: 10px)* |
329
+ | `pb` | **padding-bottom** | _(raw values)_ | `pb10px`<br/>*(padding-bottom: 10px)* |
330
+ | `pbe` | **padding-block-end** | _(raw values)_ | `pbe10px`<br/>*(padding-block-end: 10px)* |
331
+ | `pblk` | **padding-block** | _(raw values)_ | `pblk10px`<br/>*(padding-block: 10px)* |
332
+ | `pbs` | **padding-block-start** | _(raw values)_ | `pbs10px`<br/>*(padding-block-start: 10px)* |
333
+ | `pe` | **pointer-events** | _(raw values)_ | `peUn`<br/>*(pointer-events: unset)* |
334
+ | `pg` | **page** | _(raw values)_ | `pgUn`<br/>*(page: unset)* |
335
+ | `pgba` | **page-break-after** | _(raw values)_ | `pgbaPage`<br/>*(page-break-after: page)* |
336
+ | `pgbb` | **page-break-before** | _(raw values)_ | `pgbbPage`<br/>*(page-break-before: page)* |
337
+ | `pgbi` | **page-break-inside** | _(raw values)_ | `pgbiPage`<br/>*(page-break-inside: page)* |
338
+ | `pi` | **padding-inline** | `s`: start<br/> `c`: center<br/> `e`: end<br/> `b`: baseline<br/> `st`: stretch | `piS`<br/>*(padding-inline: start)* |
339
+ | `pie` | **padding-inline-end** | _(raw values)_ | `pie10px`<br/>*(padding-inline-end: 10px)* |
340
+ | `pis` | **padding-inline-start** | _(raw values)_ | `pis10px`<br/>*(padding-inline-start: 10px)* |
341
+ | `pl` | **padding-left** | _(raw values)_ | `pl10px`<br/>*(padding-left: 10px)* |
342
+ | `plc` | **place-content** | _(raw values)_ | `plc[url('...')]`<br/>*(place-content: url('...'))* |
343
+ | `pli` | **place-items** | _(raw values)_ | `pliUn`<br/>*(place-items: unset)* |
344
+ | `pls` | **place-self** | _(raw values)_ | `plsUn`<br/>*(place-self: unset)* |
345
+ | `pos` | **position** | `s`: static<br/> `f`: fixed<br/> `a`: absolute<br/> `r`: relative<br/> `st`: sticky | `posS`<br/>*(position: static)* |
346
+ | `pr` | **padding-right** | _(raw values)_ | `pr10px`<br/>*(padding-right: 10px)* |
347
+ | `prca` | **print-color-adjust** | _(raw values)_ | `prcaRed`<br/>*(print-color-adjust: Red)* |
348
+ | `pso` | **perspective-origin** | _(raw values)_ | `pso10px`<br/>*(perspective-origin: 10px)* |
349
+ | `psp` | **perspective** | _(raw values)_ | `psp10px`<br/>*(perspective: 10px)* |
350
+ | `pt` | **padding-top** | _(raw values)_ | `pt10px`<br/>*(padding-top: 10px)* |
351
+ | `pto` | **paint-order** | _(raw values)_ | `ptoUn`<br/>*(paint-order: unset)* |
352
+ | `qts` | **quotes** | _(raw values)_ | `qtsUn`<br/>*(quotes: unset)* |
353
+ | `r` | **right** | _(raw values)_ | `r10px`<br/>*(right: 10px)* |
354
+ | `rbp` | **ruby-position** | _(raw values)_ | `rbpUn`<br/>*(ruby-position: unset)* |
355
+ | `rgap` | **row-gap** | _(raw values)_ | `rgap10px`<br/>*(row-gap: 10px)* |
356
+ | `rot` | **rotate** | _(raw values)_ | `rotUn`<br/>*(rotate: unset)* |
357
+ | `rsz` | **resize** | `b`: both<br/> `h`: horizontal<br/> `v`: vertical | `rszB`<br/>*(resize: both)* |
358
+ | `s` | **scale** | _(raw values)_ | `sUn`<br/>*(scale: unset)* |
359
+ | `sbc` | **scrollbar-color** | _(raw values)_ | `sbcRed`<br/>*(scrollbar-color: Red)* |
360
+ | `sbg` | **scrollbar-gutter** | _(raw values)_ | `sbgUn`<br/>*(scrollbar-gutter: unset)* |
361
+ | `sbw` | **scrollbar-width** | _(raw values)_ | `sbw10px`<br/>*(scrollbar-width: 10px)* |
362
+ | `scrb` | **scroll-behavior** | _(raw values)_ | `scrbUn`<br/>*(scroll-behavior: unset)* |
363
+ | `scrm` | **scroll-margin** | _(raw values)_ | `scrm10px`<br/>*(scroll-margin: 10px)* |
364
+ | `scrmb` | **scroll-margin-bottom** | _(raw values)_ | `scrmb10px`<br/>*(scroll-margin-bottom: 10px)* |
365
+ | `scrmbe` | **scroll-margin-block-end** | _(raw values)_ | `scrmbe10px`<br/>*(scroll-margin-block-end: 10px)* |
366
+ | `scrmblk` | **scroll-margin-block** | _(raw values)_ | `scrmblk10px`<br/>*(scroll-margin-block: 10px)* |
367
+ | `scrmbs` | **scroll-margin-block-start** | _(raw values)_ | `scrmbs10px`<br/>*(scroll-margin-block-start: 10px)* |
368
+ | `scrmi` | **scroll-margin-inline** | _(raw values)_ | `scrmi10px`<br/>*(scroll-margin-inline: 10px)* |
369
+ | `scrmie` | **scroll-margin-inline-end** | _(raw values)_ | `scrmie10px`<br/>*(scroll-margin-inline-end: 10px)* |
370
+ | `scrmis` | **scroll-margin-inline-start** | _(raw values)_ | `scrmis10px`<br/>*(scroll-margin-inline-start: 10px)* |
371
+ | `scrml` | **scroll-margin-left** | _(raw values)_ | `scrml10px`<br/>*(scroll-margin-left: 10px)* |
372
+ | `scrmr` | **scroll-margin-right** | _(raw values)_ | `scrmr10px`<br/>*(scroll-margin-right: 10px)* |
373
+ | `scrmt` | **scroll-margin-top** | _(raw values)_ | `scrmt10px`<br/>*(scroll-margin-top: 10px)* |
374
+ | `scrp` | **scroll-padding** | _(raw values)_ | `scrp10px`<br/>*(scroll-padding: 10px)* |
375
+ | `scrpb` | **scroll-padding-bottom** | _(raw values)_ | `scrpb10px`<br/>*(scroll-padding-bottom: 10px)* |
376
+ | `scrpblk` | **scroll-padding-block** | _(raw values)_ | `scrpblk10px`<br/>*(scroll-padding-block: 10px)* |
377
+ | `scrpbs` | **scroll-padding-block-start** | _(raw values)_ | `scrpbs10px`<br/>*(scroll-padding-block-start: 10px)* |
378
+ | `scrpi` | **scroll-padding-inline** | _(raw values)_ | `scrpi10px`<br/>*(scroll-padding-inline: 10px)* |
379
+ | `scrpie` | **scroll-padding-inline-end** | _(raw values)_ | `scrpie10px`<br/>*(scroll-padding-inline-end: 10px)* |
380
+ | `scrpis` | **scroll-padding-inline-start** | _(raw values)_ | `scrpis10px`<br/>*(scroll-padding-inline-start: 10px)* |
381
+ | `scrpl` | **scroll-padding-left** | _(raw values)_ | `scrpl10px`<br/>*(scroll-padding-left: 10px)* |
382
+ | `scrpr` | **scroll-padding-right** | _(raw values)_ | `scrpr10px`<br/>*(scroll-padding-right: 10px)* |
383
+ | `scrpt` | **scroll-padding-top** | _(raw values)_ | `scrpt10px`<br/>*(scroll-padding-top: 10px)* |
384
+ | `scrsa` | **scroll-snap-align** | _(raw values)_ | `scrsaUn`<br/>*(scroll-snap-align: unset)* |
385
+ | `scrss` | **scroll-snap-stop** | _(raw values)_ | `scrss10px`<br/>*(scroll-snap-stop: 10px)* |
386
+ | `scrst` | **scroll-snap-type** | _(raw values)_ | `scrstUn`<br/>*(scroll-snap-type: unset)* |
387
+ | `shit` | **shape-image-threshold** | _(raw values)_ | `shit[url('...')]`<br/>*(shape-image-threshold: url('...'))* |
388
+ | `shm` | **shape-margin** | _(raw values)_ | `shm10px`<br/>*(shape-margin: 10px)* |
389
+ | `sho` | **shape-outside** | _(raw values)_ | `shoUn`<br/>*(shape-outside: unset)* |
390
+ | `srcpbe` | **scroll-padding-block-end** | _(raw values)_ | `srcpbe10px`<br/>*(scroll-padding-block-end: 10px)* |
391
+ | `t` | **top** | _(raw values)_ | `t10px`<br/>*(top: 10px)* |
392
+ | `ta` | **text-align** | `s`: start<br/> `e`: end<br/> `l`: left<br/> `r`: right<br/> `c`: center<br/> `j`: justify<br/> `mp`: match-parent<br/> `mc`: -moz-center<br/> `wc`: -webkit-center | `taS`<br/>*(text-align: start)* |
393
+ | `tal` | **text-align-last** | `s`: start<br/> `e`: end<br/> `l`: left<br/> `r`: right<br/> `c`: center<br/> `j`: justify | `talS`<br/>*(text-align-last: start)* |
394
+ | `tbl` | **table-layout** | _(raw values)_ | `tblUn`<br/>*(table-layout: unset)* |
395
+ | `tbs` | **tab-size** | _(raw values)_ | `tbs10px`<br/>*(tab-size: 10px)* |
396
+ | `tcu` | **text-combine-upright** | _(raw values)_ | `tcu10px`<br/>*(text-combine-upright: 10px)* |
397
+ | `td` | **text-decoration** | `u`: underline | `tdU`<br/>*(text-decoration: underline)* |
398
+ | `tdc` | **text-decoration-color** | _(raw values)_ | `tdcRed`<br/>*(text-decoration-color: Red)* |
399
+ | `tdl` | **text-decoration-line** | `u`: underline<br/> `o`: overline<br/> `lt`: line-through<br/> `b`: blink | `tdlU`<br/>*(text-decoration-line: underline)* |
400
+ | `tds` | **text-decoration-style** | `db`: double<br/> `dt`: dotted<br/> `ds`: dashed<br/> `w`: wavy | `tdsW`<br/>*(text-decoration-style: wavy)* |
401
+ | `tdsi` | **text-decoration-skip-ink** | _(raw values)_ | `tdsiUn`<br/>*(text-decoration-skip-ink: unset)* |
402
+ | `tdt` | **text-decoration-thickness** | `ff`: from-font | `tdtFf`<br/>*(text-decoration-thickness: from-font)* |
403
+ | `tec` | **text-emphasis-color** | _(raw values)_ | `tecRed`<br/>*(text-emphasis-color: Red)* |
404
+ | `tep` | **text-emphasis-position** | `or`: over right<br/> `ol`: over left<br/> `ur`: under right<br/> `ul`: under left<br/> `lo`: left over<br/> `ru`: right under<br/> `lu`: left under | `tepOr`<br/>*(text-emphasis-position: over right)* |
405
+ | `teph` | **text-emphasis** | _(raw values)_ | `tephUn`<br/>*(text-emphasis: unset)* |
406
+ | `tes` | **text-emphasis-style** | _(raw values)_ | `tesUn`<br/>*(text-emphasis-style: unset)* |
407
+ | `ti` | **text-indent** | _(raw values)_ | `tiUn`<br/>*(text-indent: unset)* |
408
+ | `tj` | **text-justify** | `iw`: inter-word<br/> `ic`: inter-character<br/> `d`: distribute | `tjD`<br/>*(text-justify: distribute)* |
409
+ | `toa` | **touch-action** | `p`: pan-x<br/> `py`: pan-y<br/> `pm`: pan-x pan-y<br/> `pi`: pinch-zoom | `toaP`<br/>*(touch-action: pan-x)* |
410
+ | `tol` | **text-overflow** | `c`: clip<br/> `e`: ellipsis | `tolC`<br/>*(text-overflow: clip)* |
411
+ | `tor` | **text-orientation** | `m`: mixed<br/> `u`: upright<br/> `sr`: sideways-right<br/> `sl`: sideways-left<br/> `s`: sideways<br/> `ugo`: use-glyph-orientation | `torM`<br/>*(text-orientation: mixed)* |
412
+ | `tra` | **transform** | _(raw values)_ | `traUn`<br/>*(transform: unset)* |
413
+ | `trab` | **transform-box** | _(raw values)_ | `trabUn`<br/>*(transform-box: unset)* |
414
+ | `tran` | **transition** | _(raw values)_ | `tranUn`<br/>*(transition: unset)* |
415
+ | `tranb` | **transition-behavior** | _(raw values)_ | `tranbUn`<br/>*(transition-behavior: unset)* |
416
+ | `trand` | **transition-delay** | _(raw values)_ | `trand250ms`<br/>*(transition-delay: 250ms)* |
417
+ | `trandur` | **transition-duration** | _(raw values)_ | `trandur250ms`<br/>*(transition-duration: 250ms)* |
418
+ | `tranp` | **transition-property** | _(raw values)_ | `tranpUn`<br/>*(transition-property: unset)* |
419
+ | `trantf` | **transition-timing-function** | _(raw values)_ | `trantfUn`<br/>*(transition-timing-function: unset)* |
420
+ | `trao` | **transform-origin** | _(raw values)_ | `traoUn`<br/>*(transform-origin: unset)* |
421
+ | `tras` | **transform-style** | _(raw values)_ | `trasUn`<br/>*(transform-style: unset)* |
422
+ | `trd` | **text-rendering** | `op`: optimizeSpeed<br/> `ol`: optimizeLegibility<br/> `g`: geometricPrecision | `trdG`<br/>*(text-rendering: geometricPrecision)* |
423
+ | `trl` | **translate** | _(raw values)_ | `trl10px`<br/>*(translate: 10px)* |
424
+ | `tsh` | **text-shadow** | _(raw values)_ | `tshUn`<br/>*(text-shadow: unset)* |
425
+ | `ttr` | **text-transform** | `c`: capitalize<br/> `u`: uppercase<br/> `l`: lowercase<br/> `fw`: full-width<br/> `fsk`: full-size-kana | `ttrC`<br/>*(text-transform: capitalize)* |
426
+ | `tuo` | **text-underline-offset** | _(raw values)_ | `tuo10px`<br/>*(text-underline-offset: 10px)* |
427
+ | `tup` | **text-underline-position** | `u`: under<br/> `l`: left<br/> `r`: right<br/> `ul`: under left<br/> `ru`: right under | `tupU`<br/>*(text-underline-position: under)* |
428
+ | `tw` | **text-wrap** | `w`: wrap<br/> `n`: nowrap<br/> `b`: balance<br/> `p`: pretty | `twW`<br/>*(text-wrap: wrap)* |
429
+ | `unib` | **unicode-bidi** | _(raw values)_ | `unibUn`<br/>*(unicode-bidi: unset)* |
430
+ | `us` | **user-select** | `t`: text<br/> `all`: all<br/> `c`: contain | `usT`<br/>*(user-select: text)* |
431
+ | `v` | **visibility** | `c`: collapse | `vC`<br/>*(visibility: collapse)* |
432
+ | `va` | **vertical-align** | `bl`: baseline<br/> `t`: top<br/> `m`: middle<br/> `b`: bottom<br/> `tt`: text-top<br/> `tb`: text-bottom<br/> `sb`: sub<br/> `sp`: super | `vaT`<br/>*(vertical-align: top)* |
433
+ | `w` | **width** | `mic`: min-content<br/> `mac`: max-content<br/> `fc`: fit-content<br/> `f`: 100% | `wF`<br/>*(width: 100%)* |
434
+ | `wc` | **will-change** | `sp`: scroll-position<br/> `c`: contents<br/> `t`: transform | `wcC`<br/>*(will-change: contents)* |
435
+ | `wd` | **widows** | _(raw values)_ | `wdUn`<br/>*(widows: unset)* |
436
+ | `wlc` | **-webkit-line-clamp** | _(raw values)_ | `wlcUn`<br/>*(-webkit-line-clamp: unset)* |
437
+ | `wrb` | **word-break** | _(raw values)_ | `wrbUn`<br/>*(word-break: unset)* |
438
+ | `wrs` | **word-spacing** | _(raw values)_ | `wrs10px`<br/>*(word-spacing: 10px)* |
439
+ | `wrtm` | **writing-mode** | _(raw values)_ | `wrtmUn`<br/>*(writing-mode: unset)* |
440
+ | `ws` | **white-space** | _(raw values)_ | `wsUn`<br/>*(white-space: unset)* |
441
+ | `wsc` | **white-space-collapse** | _(raw values)_ | `wscUn`<br/>*(white-space-collapse: unset)* |
442
+ | `wtfc` | **-webkit-text-fill-color** | _(raw values)_ | `wtfcRed`<br/>*(-webkit-text-fill-color: Red)* |
443
+ | `wts` | **-webkit-text-stroke** | _(raw values)_ | `wtsRed`<br/>*(-webkit-text-stroke: Red)* |
444
+ | `wtsc` | **-webkit-text-stroke-color** | _(raw values)_ | `wtscRed`<br/>*(-webkit-text-stroke-color: Red)* |
445
+ | `wtsw` | **-webkit-text-stroke-width** | `m`: medium<br/> `t`: thick | `wtswM`<br/>*(-webkit-text-stroke-width: medium)* |
446
+ | `z` | **z-index** | _(raw values)_ | `z5`<br/>*(z-index: 5)* |
447
+ | `zo` | **zoom** | _(raw values)_ | `zo5`<br/>*(zoom: 5)* |