Interface: CSSProperties
Defined in: src/styles/decorators/rule.ts:7
Comprehensive CSS Properties Interface Provides type safety and autocomplete for CSS declarations
Indexable
[key: `--${string}`]: string | number
[key: string]: any
Properties
| Property | Type | Defined in |
|---|---|---|
alignContent? |
| "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "stretch" |
src/styles/decorators/rule.ts:27 |
alignItems? |
"flex-start" | "flex-end" | "center" | "stretch" | "baseline" |
src/styles/decorators/rule.ts:26 |
alignSelf? |
"flex-start" | "flex-end" | "center" | "stretch" | "baseline" | "auto" |
src/styles/decorators/rule.ts:37 |
animation? |
string |
src/styles/decorators/rule.ts:154 |
animationDelay? |
string |
src/styles/decorators/rule.ts:158 |
animationDirection? |
"normal" | "reverse" | "alternate" | "alternate-reverse" |
src/styles/decorators/rule.ts:160 |
animationDuration? |
string |
src/styles/decorators/rule.ts:156 |
animationFillMode? |
"none" | "forwards" | "backwards" | "both" |
src/styles/decorators/rule.ts:161 |
animationIterationCount? |
number | "infinite" |
src/styles/decorators/rule.ts:159 |
animationName? |
string |
src/styles/decorators/rule.ts:155 |
animationPlayState? |
"running" | "paused" |
src/styles/decorators/rule.ts:162 |
animationTimingFunction? |
string |
src/styles/decorators/rule.ts:157 |
backdropFilter? |
string |
src/styles/decorators/rule.ts:144 |
background? |
string |
src/styles/decorators/rule.ts:101 |
backgroundAttachment? |
"fixed" | "scroll" | "local" |
src/styles/decorators/rule.ts:107 |
backgroundClip? |
"content-box" | "border-box" | "padding-box" | "text" |
src/styles/decorators/rule.ts:108 |
backgroundColor? |
string |
src/styles/decorators/rule.ts:102 |
backgroundImage? |
string |
src/styles/decorators/rule.ts:103 |
backgroundPosition? |
string |
src/styles/decorators/rule.ts:105 |
backgroundRepeat? |
"repeat" | "repeat-x" | "repeat-y" | "no-repeat" | "space" | "round" |
src/styles/decorators/rule.ts:106 |
backgroundSize? |
string |
src/styles/decorators/rule.ts:104 |
border? |
string |
src/styles/decorators/rule.ts:111 |
borderBottom? |
string |
src/styles/decorators/rule.ts:118 |
borderBottomColor? |
string |
src/styles/decorators/rule.ts:126 |
borderBottomLeftRadius? |
string | number |
src/styles/decorators/rule.ts:130 |
borderBottomRightRadius? |
string | number |
src/styles/decorators/rule.ts:131 |
borderBottomWidth? |
string | number |
src/styles/decorators/rule.ts:122 |
borderCollapse? |
"collapse" | "separate" |
src/styles/decorators/rule.ts:185 |
borderColor? |
string |
src/styles/decorators/rule.ts:114 |
borderLeft? |
string |
src/styles/decorators/rule.ts:119 |
borderLeftColor? |
string |
src/styles/decorators/rule.ts:127 |
borderLeftWidth? |
string | number |
src/styles/decorators/rule.ts:123 |
borderRadius? |
string | number |
src/styles/decorators/rule.ts:115 |
borderRight? |
string |
src/styles/decorators/rule.ts:117 |
borderRightColor? |
string |
src/styles/decorators/rule.ts:125 |
borderRightWidth? |
string | number |
src/styles/decorators/rule.ts:121 |
borderSpacing? |
string | number |
src/styles/decorators/rule.ts:186 |
borderStyle? |
| "none" | "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "inset" | "outset" |
src/styles/decorators/rule.ts:113 |
borderTop? |
string |
src/styles/decorators/rule.ts:116 |
borderTopColor? |
string |
src/styles/decorators/rule.ts:124 |
borderTopLeftRadius? |
string | number |
src/styles/decorators/rule.ts:128 |
borderTopRightRadius? |
string | number |
src/styles/decorators/rule.ts:129 |
borderTopWidth? |
string | number |
src/styles/decorators/rule.ts:120 |
borderWidth? |
string | number |
src/styles/decorators/rule.ts:112 |
bottom? |
string | number |
src/styles/decorators/rule.ts:17 |
boxShadow? |
string |
src/styles/decorators/rule.ts:141 |
boxSizing? |
"content-box" | "border-box" |
src/styles/decorators/rule.ts:64 |
captionSide? |
"top" | "bottom" |
src/styles/decorators/rule.ts:187 |
clear? |
"none" | "left" | "right" | "both" |
src/styles/decorators/rule.ts:195 |
clip? |
string |
src/styles/decorators/rule.ts:168 |
clipPath? |
string |
src/styles/decorators/rule.ts:169 |
color? |
string |
src/styles/decorators/rule.ts:85 |
columnGap? |
string | number |
src/styles/decorators/rule.ts:30 |
content? |
string |
src/styles/decorators/rule.ts:177 |
cursor? |
string |
src/styles/decorators/rule.ts:172 |
display? |
string |
src/styles/decorators/rule.ts:9 |
emptyCells? |
"show" | "hide" |
src/styles/decorators/rule.ts:188 |
filter? |
string |
src/styles/decorators/rule.ts:143 |
flex? |
string | number |
src/styles/decorators/rule.ts:33 |
flexBasis? |
string | number |
src/styles/decorators/rule.ts:36 |
flexDirection? |
"row" | "row-reverse" | "column" | "column-reverse" |
src/styles/decorators/rule.ts:23 |
flexGrow? |
number |
src/styles/decorators/rule.ts:34 |
flexShrink? |
number |
src/styles/decorators/rule.ts:35 |
flexWrap? |
"nowrap" | "wrap" | "wrap-reverse" |
src/styles/decorators/rule.ts:24 |
float? |
"none" | "left" | "right" |
src/styles/decorators/rule.ts:194 |
fontFamily? |
string |
src/styles/decorators/rule.ts:87 |
fontSize? |
string | number |
src/styles/decorators/rule.ts:86 |
fontStyle? |
"normal" | "italic" | "oblique" |
src/styles/decorators/rule.ts:89 |
fontWeight? |
| number | "normal" | "bold" | "lighter" | "bolder" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" |
src/styles/decorators/rule.ts:88 |
gap? |
string | number |
src/styles/decorators/rule.ts:28 |
gridArea? |
string |
src/styles/decorators/rule.ts:49 |
gridAutoColumns? |
string |
src/styles/decorators/rule.ts:44 |
gridAutoFlow? |
"row" | "column" | "dense" | "row dense" | "column dense" |
src/styles/decorators/rule.ts:46 |
gridAutoRows? |
string |
src/styles/decorators/rule.ts:45 |
gridColumn? |
string |
src/styles/decorators/rule.ts:50 |
gridColumnEnd? |
string | number |
src/styles/decorators/rule.ts:53 |
gridColumnStart? |
string | number |
src/styles/decorators/rule.ts:52 |
gridRow? |
string |
src/styles/decorators/rule.ts:51 |
gridRowEnd? |
string | number |
src/styles/decorators/rule.ts:55 |
gridRowStart? |
string | number |
src/styles/decorators/rule.ts:54 |
gridTemplateAreas? |
string |
src/styles/decorators/rule.ts:43 |
gridTemplateColumns? |
string |
src/styles/decorators/rule.ts:41 |
gridTemplateRows? |
string |
src/styles/decorators/rule.ts:42 |
height? |
string | number |
src/styles/decorators/rule.ts:59 |
inset? |
string | number |
src/styles/decorators/rule.ts:19 |
justifyContent? |
| "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" |
src/styles/decorators/rule.ts:25 |
left? |
string | number |
src/styles/decorators/rule.ts:18 |
letterSpacing? |
string | number |
src/styles/decorators/rule.ts:91 |
lineHeight? |
string | number |
src/styles/decorators/rule.ts:90 |
listStyle? |
string |
src/styles/decorators/rule.ts:178 |
listStyleImage? |
string |
src/styles/decorators/rule.ts:181 |
listStylePosition? |
"inside" | "outside" |
src/styles/decorators/rule.ts:180 |
listStyleType? |
string |
src/styles/decorators/rule.ts:179 |
margin? |
string | number |
src/styles/decorators/rule.ts:67 |
marginBlock? |
string | number |
src/styles/decorators/rule.ts:72 |
marginBottom? |
string | number |
src/styles/decorators/rule.ts:70 |
marginInline? |
string | number |
src/styles/decorators/rule.ts:73 |
marginLeft? |
string | number |
src/styles/decorators/rule.ts:71 |
marginRight? |
string | number |
src/styles/decorators/rule.ts:69 |
marginTop? |
string | number |
src/styles/decorators/rule.ts:68 |
maxHeight? |
string | number |
src/styles/decorators/rule.ts:63 |
maxWidth? |
string | number |
src/styles/decorators/rule.ts:61 |
minHeight? |
string | number |
src/styles/decorators/rule.ts:62 |
minWidth? |
string | number |
src/styles/decorators/rule.ts:60 |
objectFit? |
"none" | "fill" | "contain" | "cover" | "scale-down" |
src/styles/decorators/rule.ts:192 |
objectPosition? |
string |
src/styles/decorators/rule.ts:193 |
opacity? |
string | number |
src/styles/decorators/rule.ts:11 |
order? |
number |
src/styles/decorators/rule.ts:38 |
outline? |
string |
src/styles/decorators/rule.ts:134 |
outlineColor? |
string |
src/styles/decorators/rule.ts:137 |
outlineOffset? |
string | number |
src/styles/decorators/rule.ts:138 |
outlineStyle? |
"none" | "solid" | "dashed" | "dotted" | "double" |
src/styles/decorators/rule.ts:136 |
outlineWidth? |
string | number |
src/styles/decorators/rule.ts:135 |
overflow? |
"visible" | "hidden" | "auto" | "clip" | "scroll" |
src/styles/decorators/rule.ts:165 |
overflowX? |
"visible" | "hidden" | "auto" | "clip" | "scroll" |
src/styles/decorators/rule.ts:166 |
overflowY? |
"visible" | "hidden" | "auto" | "clip" | "scroll" |
src/styles/decorators/rule.ts:167 |
padding? |
string | number |
src/styles/decorators/rule.ts:76 |
paddingBlock? |
string | number |
src/styles/decorators/rule.ts:81 |
paddingBottom? |
string | number |
src/styles/decorators/rule.ts:79 |
paddingInline? |
string | number |
src/styles/decorators/rule.ts:82 |
paddingLeft? |
string | number |
src/styles/decorators/rule.ts:80 |
paddingRight? |
string | number |
src/styles/decorators/rule.ts:78 |
paddingTop? |
string | number |
src/styles/decorators/rule.ts:77 |
pointerEvents? |
| "none" | "visible" | "auto" | "visiblePainted" | "visibleFill" | "visibleStroke" | "painted" | "fill" | "stroke" | "all" |
src/styles/decorators/rule.ts:173 |
position? |
"static" | "relative" | "absolute" | "fixed" | "sticky" |
src/styles/decorators/rule.ts:14 |
resize? |
"none" | "both" | "horizontal" | "vertical" |
src/styles/decorators/rule.ts:196 |
right? |
string | number |
src/styles/decorators/rule.ts:16 |
rowGap? |
string | number |
src/styles/decorators/rule.ts:29 |
tableLayout? |
"fixed" | "auto" |
src/styles/decorators/rule.ts:184 |
textAlign? |
"center" | "left" | "right" | "justify" | "start" | "end" |
src/styles/decorators/rule.ts:92 |
textDecoration? |
string |
src/styles/decorators/rule.ts:93 |
textOverflow? |
string |
src/styles/decorators/rule.ts:95 |
textShadow? |
string |
src/styles/decorators/rule.ts:142 |
textTransform? |
"none" | "capitalize" | "uppercase" | "lowercase" |
src/styles/decorators/rule.ts:94 |
top? |
string | number |
src/styles/decorators/rule.ts:15 |
transform? |
string |
src/styles/decorators/rule.ts:147 |
transformOrigin? |
string |
src/styles/decorators/rule.ts:148 |
transition? |
string |
src/styles/decorators/rule.ts:149 |
transitionDelay? |
string |
src/styles/decorators/rule.ts:153 |
transitionDuration? |
string |
src/styles/decorators/rule.ts:151 |
transitionProperty? |
string |
src/styles/decorators/rule.ts:150 |
transitionTimingFunction? |
string |
src/styles/decorators/rule.ts:152 |
userSelect? |
"none" | "auto" | "text" | "all" | "contain" |
src/styles/decorators/rule.ts:174 |
verticalAlign? |
string | number |
src/styles/decorators/rule.ts:191 |
visibility? |
"visible" | "hidden" | "collapse" |
src/styles/decorators/rule.ts:10 |
whiteSpace? |
"nowrap" | "normal" | "pre" | "pre-wrap" | "pre-line" | "break-spaces" |
src/styles/decorators/rule.ts:96 |
width? |
string | number |
src/styles/decorators/rule.ts:58 |
wordBreak? |
"normal" | "break-all" | "keep-all" | "break-word" |
src/styles/decorators/rule.ts:97 |
wordWrap? |
"normal" | "break-word" |
src/styles/decorators/rule.ts:98 |
zIndex? |
string | number |
src/styles/decorators/rule.ts:20 |