Expand description
The value types a property method accepts, and functions that build them.
A property whose value is one of the hand-written types alone takes it
directly, as color takes a Color. A property with keywords of its own
takes an enum generated for it, such as Width, which converts from each
hand-written type it accepts.
Structs§
- Angle
- An angle such as
90deg, or aTokenthat holds one. - Color
- A color: a named color such as
Color::CRIMSON, a hex or RGB value, a mix of two colors, or aTokenthat holds one. - Length
- A length such as
16pxor1.5rem, or aTokenthat holds one. - Percentage
- A percentage such as
50%, or aTokenthat holds one. - Quoted
- A CSS string, as
contenttakes it. - Raw
- A value written into the stylesheet as given, for the forms a property’s
generated type leaves out, such as
margin: 0 auto. - Time
- A duration such as
200ms, or aTokenthat holds one. - Url
- A URL, written
url("...").
Enums§
- Accent
Color - A value of
accent-color. - Align
Content - A value of
align-content. - Align
Items - A value of
align-items. - Align
Self - A value of
align-self. - Alignment
Baseline - A value of
alignment-baseline. - All
- A value of
all. - Anchor
Name - A value of
anchor-name. - Animation
- A value of
animation. - Animation
Composition - A value of
animation-composition. - Animation
Delay - A value of
animation-delay. - Animation
Direction - A value of
animation-direction. - Animation
Duration - A value of
animation-duration. - Animation
Fill Mode - A value of
animation-fill-mode. - Animation
Iteration Count - A value of
animation-iteration-count. - Animation
Name - A value of
animation-name. - Animation
Play State - A value of
animation-play-state. - Animation
Timing Function - A value of
animation-timing-function. - Animation
Trigger - A value of
animation-trigger. - Appearance
- A value of
appearance. - Aspect
Ratio - A value of
aspect-ratio. - Backdrop
Filter - A value of
backdrop-filter. - Backface
Visibility - A value of
backface-visibility. - Background
- A value of
background. - Background
Attachment - A value of
background-attachment. - Background
Blend Mode - A value of
background-blend-mode. - Background
Clip - A value of
background-clip. - Background
Image - A value of
background-image. - Background
Origin - A value of
background-origin. - Background
Position - A value of
background-position. - Background
PositionX - A value of
background-position-x. - Background
PositionY - A value of
background-position-y. - Background
Repeat - A value of
background-repeat. - Background
Size - A value of
background-size. - Baseline
Shift - A value of
baseline-shift. - Baseline
Source - A value of
baseline-source. - Block
Size - A value of
block-size. - Border
- A value of
border. - Border
Block - A value of
border-block. - Border
Block Color - A value of
border-block-color. - Border
Block End - A value of
border-block-end. - Border
Block EndStyle - A value of
border-block-end-style. - Border
Block EndWidth - A value of
border-block-end-width. - Border
Block Start - A value of
border-block-start. - Border
Block Start Style - A value of
border-block-start-style. - Border
Block Start Width - A value of
border-block-start-width. - Border
Block Style - A value of
border-block-style. - Border
Block Width - A value of
border-block-width. - Border
Bottom - A value of
border-bottom. - Border
Bottom Left Radius - A value of
border-bottom-left-radius. - Border
Bottom Right Radius - A value of
border-bottom-right-radius. - Border
Bottom Style - A value of
border-bottom-style. - Border
Bottom Width - A value of
border-bottom-width. - Border
Collapse - A value of
border-collapse. - Border
Color - A value of
border-color. - Border
EndEnd Radius - A value of
border-end-end-radius. - Border
EndStart Radius - A value of
border-end-start-radius. - Border
Image - A value of
border-image. - Border
Image Outset - A value of
border-image-outset. - Border
Image Repeat - A value of
border-image-repeat. - Border
Image Slice - A value of
border-image-slice. - Border
Image Source - A value of
border-image-source. - Border
Image Width - A value of
border-image-width. - Border
Inline - A value of
border-inline. - Border
Inline Color - A value of
border-inline-color. - Border
Inline End - A value of
border-inline-end. - Border
Inline EndStyle - A value of
border-inline-end-style. - Border
Inline EndWidth - A value of
border-inline-end-width. - Border
Inline Start - A value of
border-inline-start. - Border
Inline Start Style - A value of
border-inline-start-style. - Border
Inline Start Width - A value of
border-inline-start-width. - Border
Inline Style - A value of
border-inline-style. - Border
Inline Width - A value of
border-inline-width. - Border
Left - A value of
border-left. - Border
Left Style - A value of
border-left-style. - Border
Left Width - A value of
border-left-width. - Border
Radius - A value of
border-radius. - Border
Right - A value of
border-right. - Border
Right Style - A value of
border-right-style. - Border
Right Width - A value of
border-right-width. - Border
Shape - A value of
border-shape. - Border
Spacing - A value of
border-spacing. - Border
Start EndRadius - A value of
border-start-end-radius. - Border
Start Start Radius - A value of
border-start-start-radius. - Border
Style - A value of
border-style. - Border
Top - A value of
border-top. - Border
TopLeft Radius - A value of
border-top-left-radius. - Border
TopRight Radius - A value of
border-top-right-radius. - Border
TopStyle - A value of
border-top-style. - Border
TopWidth - A value of
border-top-width. - Border
Width - A value of
border-width. - Bottom
- A value of
bottom. - BoxDecoration
Break - A value of
box-decoration-break. - BoxShadow
- A value of
box-shadow. - BoxSizing
- A value of
box-sizing. - Break
After - A value of
break-after. - Break
Before - A value of
break-before. - Break
Inside - A value of
break-inside. - Caption
Side - A value of
caption-side. - Caret
- A value of
caret. - Caret
Animation - A value of
caret-animation. - Caret
Color - A value of
caret-color. - Caret
Shape - A value of
caret-shape. - Clear
- A value of
clear. - Clip
Path - A value of
clip-path. - Clip
Rule - A value of
clip-rule. - Color
Interpolation Filters - A value of
color-interpolation-filters. - Color
Scheme - A value of
color-scheme. - Column
Count - A value of
column-count. - Column
Fill - A value of
column-fill. - Column
Gap - A value of
column-gap. - Column
Height - A value of
column-height. - Column
Rule - A value of
column-rule. - Column
Rule Style - A value of
column-rule-style. - Column
Rule Width - A value of
column-rule-width. - Column
Span - A value of
column-span. - Column
Width - A value of
column-width. - Column
Wrap - A value of
column-wrap. - Columns
- A value of
columns. - Contain
- A value of
contain. - Contain
Intrinsic Block Size - A value of
contain-intrinsic-block-size. - Contain
Intrinsic Height - A value of
contain-intrinsic-height. - Contain
Intrinsic Inline Size - A value of
contain-intrinsic-inline-size. - Contain
Intrinsic Size - A value of
contain-intrinsic-size. - Contain
Intrinsic Width - A value of
contain-intrinsic-width. - Container
- A value of
container. - Container
Name - A value of
container-name. - Container
Type - A value of
container-type. - Content
- A value of
content. - Content
Visibility - A value of
content-visibility. - Corner
Block EndShape - A value of
corner-block-end-shape. - Corner
Block Start Shape - A value of
corner-block-start-shape. - Corner
Bottom Left Shape - A value of
corner-bottom-left-shape. - Corner
Bottom Right Shape - A value of
corner-bottom-right-shape. - Corner
Bottom Shape - A value of
corner-bottom-shape. - Corner
EndEnd Shape - A value of
corner-end-end-shape. - Corner
EndStart Shape - A value of
corner-end-start-shape. - Corner
Inline EndShape - A value of
corner-inline-end-shape. - Corner
Inline Start Shape - A value of
corner-inline-start-shape. - Corner
Left Shape - A value of
corner-left-shape. - Corner
Right Shape - A value of
corner-right-shape. - Corner
Shape - A value of
corner-shape. - Corner
Start EndShape - A value of
corner-start-end-shape. - Corner
Start Start Shape - A value of
corner-start-start-shape. - Corner
TopLeft Shape - A value of
corner-top-left-shape. - Corner
TopRight Shape - A value of
corner-top-right-shape. - Corner
TopShape - A value of
corner-top-shape. - Counter
Increment - A value of
counter-increment. - Counter
Reset - A value of
counter-reset. - Counter
Set - A value of
counter-set. - CssWide
Keyword - A keyword every property accepts, which CSS calls a CSS-wide keyword.
- Cursor
- A value of
cursor. - Cx
- A value of
cx. - Cy
- A value of
cy. - D
- A value of
d. - Direction
- A value of
direction. - Display
- A value of
display. - Dominant
Baseline - A value of
dominant-baseline. - Dynamic
Range Limit - A value of
dynamic-range-limit. - Empty
Cells - A value of
empty-cells. - Fill
- A value of
fill. - Fill
Opacity - A value of
fill-opacity. - Fill
Rule - A value of
fill-rule. - Filter
- A value of
filter. - Flex
- A value of
flex. - Flex
Basis - A value of
flex-basis. - Flex
Direction - A value of
flex-direction. - Flex
Flow - A value of
flex-flow. - Flex
Wrap - A value of
flex-wrap. - Float
- A value of
float. - Flood
Opacity - A value of
flood-opacity. - Font
- A value of
font. - Font
Family - A value of
font-family. - Font
Feature Settings - A value of
font-feature-settings. - Font
Kerning - A value of
font-kerning. - Font
Language Override - A value of
font-language-override. - Font
Optical Sizing - A value of
font-optical-sizing. - Font
Palette - A value of
font-palette. - Font
Size - A value of
font-size. - Font
Size Adjust - A value of
font-size-adjust. - Font
Style - A value of
font-style. - Font
Synthesis - A value of
font-synthesis. - Font
Synthesis Small Caps - A value of
font-synthesis-small-caps. - Font
Synthesis Style - A value of
font-synthesis-style. - Font
Synthesis Weight - A value of
font-synthesis-weight. - Font
Variant - A value of
font-variant. - Font
Variant Alternates - A value of
font-variant-alternates. - Font
Variant Caps - A value of
font-variant-caps. - Font
Variant East Asian - A value of
font-variant-east-asian. - Font
Variant Emoji - A value of
font-variant-emoji. - Font
Variant Ligatures - A value of
font-variant-ligatures. - Font
Variant Numeric - A value of
font-variant-numeric. - Font
Variant Position - A value of
font-variant-position. - Font
Variation Settings - A value of
font-variation-settings. - Font
Weight - A value of
font-weight. - Forced
Color Adjust - A value of
forced-color-adjust. - Frame
Sizing - A value of
frame-sizing. - Gap
- A value of
gap. - Grid
- A value of
grid. - Grid
Area - A value of
grid-area. - Grid
Auto Columns - A value of
grid-auto-columns. - Grid
Auto Flow - A value of
grid-auto-flow. - Grid
Auto Rows - A value of
grid-auto-rows. - Grid
Column - A value of
grid-column. - Grid
Column End - A value of
grid-column-end. - Grid
Column Start - A value of
grid-column-start. - GridRow
- A value of
grid-row. - Grid
RowEnd - A value of
grid-row-end. - Grid
RowStart - A value of
grid-row-start. - Grid
Template - A value of
grid-template. - Grid
Template Areas - A value of
grid-template-areas. - Grid
Template Columns - A value of
grid-template-columns. - Grid
Template Rows - A value of
grid-template-rows. - Hanging
Punctuation - A value of
hanging-punctuation. - Height
- A value of
height. - Hyphenate
Character - A value of
hyphenate-character. - Hyphenate
Limit Chars - A value of
hyphenate-limit-chars. - Hyphens
- A value of
hyphens. - Image
Orientation - A value of
image-orientation. - Image
Rendering - A value of
image-rendering. - Initial
Letter - A value of
initial-letter. - Inline
Size - A value of
inline-size. - Inset
- A value of
inset. - Inset
Block - A value of
inset-block. - Inset
Block End - A value of
inset-block-end. - Inset
Block Start - A value of
inset-block-start. - Inset
Inline - A value of
inset-inline. - Inset
Inline End - A value of
inset-inline-end. - Inset
Inline Start - A value of
inset-inline-start. - Interactivity
- A value of
interactivity. - Interest
Delay - A value of
interest-delay. - Interest
Delay End - A value of
interest-delay-end. - Interest
Delay Start - A value of
interest-delay-start. - Isolation
- A value of
isolation. - Justify
Content - A value of
justify-content. - Justify
Items - A value of
justify-items. - Justify
Self - A value of
justify-self. - Left
- A value of
left. - Letter
Spacing - A value of
letter-spacing. - Line
Break - A value of
line-break. - Line
Clamp - A value of
line-clamp. - Line
Height - A value of
line-height. - List
Style - A value of
list-style. - List
Style Image - A value of
list-style-image. - List
Style Position - A value of
list-style-position. - List
Style Type - A value of
list-style-type. - Margin
- A value of
margin. - Margin
Block - A value of
margin-block. - Margin
Block End - A value of
margin-block-end. - Margin
Block Start - A value of
margin-block-start. - Margin
Bottom - A value of
margin-bottom. - Margin
Inline - A value of
margin-inline. - Margin
Inline End - A value of
margin-inline-end. - Margin
Inline Start - A value of
margin-inline-start. - Margin
Left - A value of
margin-left. - Margin
Right - A value of
margin-right. - Margin
Top - A value of
margin-top. - Marker
- A value of
marker. - Marker
End - A value of
marker-end. - Marker
Mid - A value of
marker-mid. - Marker
Start - A value of
marker-start. - Mask
- A value of
mask. - Mask
Border - A value of
mask-border. - Mask
Border Mode - A value of
mask-border-mode. - Mask
Border Outset - A value of
mask-border-outset. - Mask
Border Repeat - A value of
mask-border-repeat. - Mask
Border Slice - A value of
mask-border-slice. - Mask
Border Source - A value of
mask-border-source. - Mask
Border Width - A value of
mask-border-width. - Mask
Clip - A value of
mask-clip. - Mask
Composite - A value of
mask-composite. - Mask
Image - A value of
mask-image. - Mask
Mode - A value of
mask-mode. - Mask
Origin - A value of
mask-origin. - Mask
Position - A value of
mask-position. - Mask
Repeat - A value of
mask-repeat. - Mask
Size - A value of
mask-size. - Mask
Type - A value of
mask-type. - Math
Depth - A value of
math-depth. - Math
Style - A value of
math-style. - MaxBlock
Size - A value of
max-block-size. - MaxHeight
- A value of
max-height. - MaxInline
Size - A value of
max-inline-size. - MaxWidth
- A value of
max-width. - MinBlock
Size - A value of
min-block-size. - MinHeight
- A value of
min-height. - MinInline
Size - A value of
min-inline-size. - MinWidth
- A value of
min-width. - MixBlend
Mode - A value of
mix-blend-mode. - Object
Fit - A value of
object-fit. - Object
Position - A value of
object-position. - Offset
- A value of
offset. - Offset
Anchor - A value of
offset-anchor. - Offset
Distance - A value of
offset-distance. - Offset
Path - A value of
offset-path. - Offset
Position - A value of
offset-position. - Offset
Rotate - A value of
offset-rotate. - Opacity
- A value of
opacity. - Outline
- A value of
outline. - Outline
Color - A value of
outline-color. - Outline
Style - A value of
outline-style. - Outline
Width - A value of
outline-width. - Overflow
- A value of
overflow. - Overflow
Anchor - A value of
overflow-anchor. - Overflow
Block - A value of
overflow-block. - Overflow
Clip Margin - A value of
overflow-clip-margin. - Overflow
Inline - A value of
overflow-inline. - Overflow
Wrap - A value of
overflow-wrap. - OverflowX
- A value of
overflow-x. - OverflowY
- A value of
overflow-y. - Overscroll
Behavior - A value of
overscroll-behavior. - Overscroll
Behavior Block - A value of
overscroll-behavior-block. - Overscroll
Behavior Inline - A value of
overscroll-behavior-inline. - Overscroll
BehaviorX - A value of
overscroll-behavior-x. - Overscroll
BehaviorY - A value of
overscroll-behavior-y. - Padding
- A value of
padding. - Padding
Block - A value of
padding-block. - Padding
Block End - A value of
padding-block-end. - Padding
Block Start - A value of
padding-block-start. - Padding
Bottom - A value of
padding-bottom. - Padding
Inline - A value of
padding-inline. - Padding
Inline End - A value of
padding-inline-end. - Padding
Inline Start - A value of
padding-inline-start. - Padding
Left - A value of
padding-left. - Padding
Right - A value of
padding-right. - Padding
Top - A value of
padding-top. - Page
- A value of
page. - Paint
Order - A value of
paint-order. - Path
Length - A value of
path-length. - Perspective
- A value of
perspective. - Perspective
Origin - A value of
perspective-origin. - Place
Content - A value of
place-content. - Place
Items - A value of
place-items. - Place
Self - A value of
place-self. - Pointer
Events - A value of
pointer-events. - Position
- A value of
position. - Position
Anchor - A value of
position-anchor. - Position
Area - A value of
position-area. - Position
TryFallbacks - A value of
position-try-fallbacks. - Print
Color Adjust - A value of
print-color-adjust. - Quotes
- A value of
quotes. - R
- A value of
r. - Reading
Flow - A value of
reading-flow. - Resize
- A value of
resize. - Right
- A value of
right. - Rotate
- A value of
rotate. - RowGap
- A value of
row-gap. - Ruby
Align - A value of
ruby-align. - Ruby
Overhang - A value of
ruby-overhang. - Ruby
Position - A value of
ruby-position. - Rx
- A value of
rx. - Ry
- A value of
ry. - Scale
- A value of
scale. - Scroll
Axis Lock - A value of
scroll-axis-lock. - Scroll
Behavior - A value of
scroll-behavior. - Scroll
Margin - A value of
scroll-margin. - Scroll
Margin Block - A value of
scroll-margin-block. - Scroll
Margin Inline - A value of
scroll-margin-inline. - Scroll
Marker Group - A value of
scroll-marker-group. - Scroll
Padding - A value of
scroll-padding. - Scroll
Padding Block - A value of
scroll-padding-block. - Scroll
Padding Block End - A value of
scroll-padding-block-end. - Scroll
Padding Block Start - A value of
scroll-padding-block-start. - Scroll
Padding Bottom - A value of
scroll-padding-bottom. - Scroll
Padding Inline - A value of
scroll-padding-inline. - Scroll
Padding Inline End - A value of
scroll-padding-inline-end. - Scroll
Padding Inline Start - A value of
scroll-padding-inline-start. - Scroll
Padding Left - A value of
scroll-padding-left. - Scroll
Padding Right - A value of
scroll-padding-right. - Scroll
Padding Top - A value of
scroll-padding-top. - Scroll
Snap Align - A value of
scroll-snap-align. - Scroll
Snap Stop - A value of
scroll-snap-stop. - Scroll
Snap Type - A value of
scroll-snap-type. - Scroll
Target Group - A value of
scroll-target-group. - Scrollbar
Color - A value of
scrollbar-color. - Scrollbar
Gutter - A value of
scrollbar-gutter. - Scrollbar
Width - A value of
scrollbar-width. - Shape
Image Threshold - A value of
shape-image-threshold. - Shape
Margin - A value of
shape-margin. - Shape
Outside - A value of
shape-outside. - Shape
Rendering - A value of
shape-rendering. - Stop
Opacity - A value of
stop-opacity. - Stroke
- A value of
stroke. - Stroke
Dasharray - A value of
stroke-dasharray. - Stroke
Dashoffset - A value of
stroke-dashoffset. - Stroke
Linecap - A value of
stroke-linecap. - Stroke
Linejoin - A value of
stroke-linejoin. - Stroke
Opacity - A value of
stroke-opacity. - Stroke
Width - A value of
stroke-width. - TabSize
- A value of
tab-size. - Table
Layout - A value of
table-layout. - Text
Align - A value of
text-align. - Text
Align Last - A value of
text-align-last. - Text
Anchor - A value of
text-anchor. - Text
Autospace - A value of
text-autospace. - TextBox
- A value of
text-box. - Text
BoxEdge - A value of
text-box-edge. - Text
BoxTrim - A value of
text-box-trim. - Text
Combine Upright - A value of
text-combine-upright. - Text
Decoration - A value of
text-decoration. - Text
Decoration Inset - A value of
text-decoration-inset. - Text
Decoration Line - A value of
text-decoration-line. - Text
Decoration Skip Ink - A value of
text-decoration-skip-ink. - Text
Decoration Style - A value of
text-decoration-style. - Text
Decoration Thickness - A value of
text-decoration-thickness. - Text
Emphasis - A value of
text-emphasis. - Text
Emphasis Position - A value of
text-emphasis-position. - Text
Emphasis Style - A value of
text-emphasis-style. - TextFit
- A value of
text-fit. - Text
Indent - A value of
text-indent. - Text
Justify - A value of
text-justify. - Text
Orientation - A value of
text-orientation. - Text
Overflow - A value of
text-overflow. - Text
Rendering - A value of
text-rendering. - Text
Shadow - A value of
text-shadow. - Text
Transform - A value of
text-transform. - Text
Underline Offset - A value of
text-underline-offset. - Text
Underline Position - A value of
text-underline-position. - Text
Wrap - A value of
text-wrap. - Text
Wrap Mode - A value of
text-wrap-mode. - Text
Wrap Style - A value of
text-wrap-style. - Timeline
Trigger - A value of
timeline-trigger. - Timeline
Trigger Activation Range - A value of
timeline-trigger-activation-range. - Timeline
Trigger Activation Range End - A value of
timeline-trigger-activation-range-end. - Timeline
Trigger Activation Range Start - A value of
timeline-trigger-activation-range-start. - Timeline
Trigger Active Range - A value of
timeline-trigger-active-range. - Timeline
Trigger Active Range End - A value of
timeline-trigger-active-range-end. - Timeline
Trigger Active Range Start - A value of
timeline-trigger-active-range-start. - Timeline
Trigger Name - A value of
timeline-trigger-name. - Timeline
Trigger Source - A value of
timeline-trigger-source. - Top
- A value of
top. - Touch
Action - A value of
touch-action. - Transform
- A value of
transform. - Transform
Box - A value of
transform-box. - Transform
Origin - A value of
transform-origin. - Transform
Style - A value of
transform-style. - Transition
- A value of
transition. - Transition
Behavior - A value of
transition-behavior. - Transition
Delay - A value of
transition-delay. - Transition
Duration - A value of
transition-duration. - Transition
Property - A value of
transition-property. - Transition
Timing Function - A value of
transition-timing-function. - Translate
- A value of
translate. - Trigger
Scope - A value of
trigger-scope. - Unicode
Bidi - A value of
unicode-bidi. - User
Select - A value of
user-select. - Vector
Effect - A value of
vector-effect. - Vertical
Align - A value of
vertical-align. - View
Transition Class - A value of
view-transition-class. - View
Transition Name - A value of
view-transition-name. - View
Transition Scope - A value of
view-transition-scope. - Visibility
- A value of
visibility. - White
Space - A value of
white-space. - White
Space Collapse - A value of
white-space-collapse. - Width
- A value of
width. - Will
Change - A value of
will-change. - Window
Drag - A value of
window-drag. - Word
Break - A value of
word-break. - Word
Spacing - A value of
word-spacing. - Word
Wrap - A value of
word-wrap. - Writing
Mode - A value of
writing-mode. - X
- A value of
x. - Y
- A value of
y. - ZIndex
- A value of
z-index. - Zoom
- A value of
zoom.
Functions§
- ch
- A length in
ch, the width of0in the element’s font. - cm
- A length in
cm, centimeters. - cqh
- A length in
cqh, 1% of the query container’s height. - cqw
- A length in
cqw, 1% of the query container’s width. - deg
- An angle in degrees.
- dvh
- A length in
dvh, 1% of the viewport’s current height. - em
- A length in
em, the element’s font size. - ex
- A length in
ex, the x-height of the element’s font. - lh
- A length in
lh, the element’s line height. - lvh
- A length in
lvh, 1% of the large viewport’s height, with browser toolbars hidden. - mm
- A length in
mm, millimeters. - ms
- A duration in milliseconds.
- pct
- The percentage
value%. - pt
- A length in
pt, points. - px
- A length in
px, CSS pixels. - quoted
- The CSS string holding
text, escaped as needed. - raw
- The value
css, unchecked. - rem
- A length in
rem, the root element’s font size. - secs
- A duration in seconds.
- svh
- A length in
svh, 1% of the small viewport’s height, with browser toolbars shown. - turn
- An angle in whole turns.
- url
- The URL
href. - vh
- A length in
vh, 1% of the viewport’s height. - vmax
- A length in
vmax, 1% of the viewport’s larger side. - vmin
- A length in
vmin, 1% of the viewport’s smaller side. - vw
- A length in
vw, 1% of the viewport’s width.