List of CSS properties for elm-css Phantom Types progress monitoring

properties.md

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

Other

• --*
• -webkit-line-clamp
• calc()
• clamp()
• counters()
• var()
• symbols()
• env()
• paint()

CSS Grid

• minmax()
• repeat()

Selectors

• ::after (:after)
• ::backdrop
• ::before (:before)
• ::cue
• ::first-letter (:first-letter)
• ::first-line (:first-line)
• ::marker
• ::placeholder
• ::selection
• ::slotted
• :active
• :checked
• :default
• :dir
• :disabled
• :empty
• :enabled
• :first
• :first-child
• :first-of-type
• :focus
• :fullscreen
• :hover
• :in-range
• :indeterminate
• :invalid
• :lang
• :last-child
• :last-of-type
• :left
• :link
• :not
• :nth-child
• :nth-last-child
• :nth-last-of-type
• :nth-of-type
• :only-child
• :only-of-type
• :optional
• :out-of-range
• :read-only
• :read-write
• :required
• :right
• :root
• :scope
• :target
• :valid
• :visited

Data Types

• <angle-percentage>

  • <angle>
  • <percentage>

• <angle>

  • deg
  • grad
  • rad
  • turn
  • max()
  • min()

• <basic-shape>

  • inset()
  • circle()
  • ellipse()
  • polygon()
  • path()

• <blend-mode>

  • normal
  • multiply
  • screen
  • overlay
  • darken
  • lighten
  • color-dodge
  • color-burn
  • hard-light
  • soft-light
  • difference
  • exclusion
  • hue
  • saturation
  • color
  • luminosity

• <color>

  • rgb()
  • rgba()
  • hsl()
  • hsla()

• <counter>

• <custom-ident>

• <dimension>

• <display-box>

  • contents
  • none

• <display-inside>

  • flow
  • flow-root
  • table
  • flex
  • grid
  • ruby

• <display-internal>

  • table-row-group
  • table-header-group
  • table-footer-group
  • table-row
  • table-cell
  • table-column-group
  • table-column
  • table-caption
  • ruby-base
  • ruby-text
  • ruby-base-container
  • ruby-text-container

• <display-legacy>

  • inline-block
  • inline-table
  • inline-flex
  • inline-grid

• <display-listitem>

  • list-item

• <display-outside>

  • block
  • inline
  • run-in

• <filter-function>

  • blur()
  • brightness()
  • contrast()
  • drop-shadow()
  • grayscale()
  • hue-rotate()
  • invert()
  • opacity()
  • saturate()
  • sepia()

• <flex>

  • fr

• <frequency-percentage>

  • <frequency>
  • <percentage>

• <frequency>

  • Hz
  • kHz
  • max()
  • min()

• <gradient>

  • linear-gradient()
  • radial-gradient()
  • repeating-linear-gradient()
  • repeating-radial-gradient()
  • conic-gradient()

• <ident>

• <image>

  • <url>
  • <gradient>
  • element()
  • image()
  • cross-fade()
  • image-set()

• <integer>

  • max()
  • min()

• <length-percentage>

  • <length>
  • <percentage>

• <length>

  • cap
  • ch
  • em
  • ex
  • ic
  • lh
  • rem
  • rlh
  • vh
  • vw
  • vi
  • vb
  • px
  • cm
  • mm
  • Q
  • in
  • pc
  • pt
  • vmin
  • vmax
  • max()
  • min()

• <number>

  • max()
  • min()

• <percentage>

  • max()
  • min()

• <position>

  • center
  • top
  • right
  • bottom
  • left

• <ratio>

  • /

• <resolution>

  • dpi
  • dpcm
  • dppx
  • x

• <shape>

  • rect()

• <string>

• <time-percentage>

  • <time>
  • <percentage>

• <time>

  • ms
  • s
  • max()
  • min()

• <timing-function>

  • cubic-bezier()
  • steps()

• <transform-function>

  • translate()
  • translate3d()
  • translateX()
  • translateY()
  • translateZ()
  • matrix()
  • matrix3d()
  • perspective()
  • rotate()
  • rotate3d()
  • rotateX()
  • rotateY()
  • rotateZ()
  • scale()
  • scale3d()
  • scaleX()
  • scaleY()
  • scaleZ()
  • skew()
  • skewX()
  • skewY()

• <url>

  • url()

At-rules

• @annotation
• @bottom-center
• @character-variant
• @charset
• @counter-style
  • additive-symbols (@counter-style)
  • fallback (@counter-style)
  • negative (@counter-style)
  • pad (@counter-style)
  • prefix (@counter-style)
  • range (@counter-style)
  • speak-as (@counter-style)
  • suffix (@counter-style)
  • symbols (@counter-style)
  • system (@counter-style)
• @font-face
  • font-family (@font-face)
  • font-stretch (@font-face)
  • font-style (@font-face)
  • font-variation-settings (@font-face)
  • font-weight (@font-face)
  • src (@font-face)
    • local()
    • format()
  • unicode-range (@font-face)
• @font-feature-values
• @import
• @keyframes
• @left-bottom
• @media
• @namespace
• @ornaments
• @page
  • bleed (@page)
  • marks (@page)
  • size (@page)
• @right-bottom
• @styleset
• @stylistic
• @supports
• @swash
• @top-center
• @viewport
  • zoom (@viewport)
  • height (@viewport)
  • max-height (@viewport)
  • max-width (@viewport)
  • max-zoom (@viewport)
  • min-height (@viewport)
  • min-width (@viewport)
  • min-zoom (@viewport)
  • orientation (@viewport)
  • user-zoom (@viewport)
  • width (@viewport)

Properties

• align-content
• align-items
  • safe start
  • safe end
  • safe self-start
  • safe self-end
  • safe flex-start
  • safe flex-end
  • unsafe start
  • unsafe end
  • unsafe self-start
  • unsafe self-end
  • unsafe flex-start
  • unsafe flex-end
• align-self
  • safe start
  • safe end
  • safe self-start
  • safe self-end
  • safe flex-start
  • safe flex-end
  • unsafe start
  • unsafe end
  • unsafe self-start
  • unsafe self-end
  • unsafe flex-start
  • unsafe flex-end
• all
• animation
• animation-delay
• animation-direction
• animation-duration
• animation-fill-mode
• animation-iteration-count
• animation-name
• animation-play-state
• animation-timing-function
• backdrop-filter
• backface-visibility
• background
• background-attachment
• background-blend-mode
• background-clip
• background-color
• background-image
• background-origin
• background-position
• background-repeat
• background-size
• block-size
• border
• border-block
• border-block-color
• border-block-end
• border-block-end-color
• border-block-end-style
• border-block-end-width
• border-block-start
• border-block-start-color
• border-block-start-style
• border-block-start-width
• border-block-style
• border-block-width
• border-bottom
• border-bottom-color
• border-bottom-left-radius
• border-bottom-right-radius
• border-bottom-style
• border-bottom-width
• border-collapse
• border-color
• border-end-end-radius
• border-end-start-radius
• border-image
• border-image-outset
• border-image-repeat
• border-image-slice
• border-image-source
• border-image-width
• border-inline
• border-inline-color
• border-inline-end
• border-inline-end-color
• border-inline-end-style
• border-inline-end-width
• border-inline-start
• border-inline-start-color
• border-inline-start-style
• border-inline-start-width
• border-inline-style
• border-inline-width
• border-left
• border-left-color
• border-left-style
• border-left-width
• border-radius
• border-right
• border-right-color
• border-right-style
• border-right-width
• border-spacing
• border-start-end-radius
• border-start-start-radius
• border-style
• border-top
• border-top-color
• border-top-left-radius
• border-top-right-radius
• border-top-style
• border-top-width
• border-width
• bottom
• box-decoration-break
• box-shadow
• box-sizing
• break-after
• break-before
• break-inside
• caption-side
  • block-start
  • block-end
  • inline-start
  • inline-end
• caret-color
• clear
• clip
• clip-path
• color
• color-adjust
• column-count
• column-fill
• column-gap
• column-rule
• column-rule-color
• column-rule-style
• column-rule-width
• column-span
• column-width
• columns
• contain
• content
  • attr()
• counter-increment
• counter-reset
• counter-set
• cursor
• direction
• display
• empty-cells
• filter
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• float
  • inline-start
  • inline-end
• font
• font-family
  • math
  • emoji
  • fangsong
• font-feature-settings
• font-kerning
• font-language-override
• font-optical-sizing
• font-size
  • xxxLarge
• font-size-adjust
• font-stretch
  • pct
• font-style
  • `oblique
• font-synthesis
• font-variant
• font-variant-alternates
  • annotation()
  • ornaments()
  • styleset()
  • stylistic()
  • swash()
  • character-variant()
• font-variant-caps
• font-variant-east-asian
• font-variant-ligatures
• font-variant-numeric
• font-variant-position
• font-variation-settings
• font-weight
• gap
• grid
• grid-area
• grid-auto-columns
• grid-auto-flow
• grid-auto-rows
• grid-column
• grid-column-end
• grid-column-start
• grid-row
• grid-row-end
• grid-row-start
• grid-template
• grid-template-areas
• grid-template-columns
• grid-template-rows
• hanging-punctuation
  • hanging-punctuation 2 values
  • hanging-punctuation 3 values
• height
  • fit-content()
• hyphens
• image-orientation
• image-rendering
  • smooth
  • high-quality
• inline-size
• inset
• inset-block
• inset-block-end
• inset-block-start
• inset-inline
• inset-inline-end
• inset-inline-start
• isolation
• justify-content
• justify-items
• justify-self
• left
• letter-spacing
• line-break
• line-height
• list-style
  • missing a lot of values for <'list-style-type'>
• list-style-image
• list-style-position
• list-style-type
• margin
• margin-block
• margin-block-end
• margin-block-start
• margin-bottom
• margin-inline
• margin-inline-end
• margin-inline-start
• margin-left
• margin-right
• margin-top
• mask
• mask-border
• mask-border-mode
• mask-border-outset
• mask-border-repeat
• mask-border-slice
• mask-border-source
• mask-border-width
• mask-clip
• mask-composite
• mask-image
• mask-mode
• mask-origin
• mask-position
• mask-repeat
• mask-size
• mask-type
• max-block-size
• max-height
• max-inline-size
• max-width
• min-block-size
• min-height
• min-inline-size
• min-width
• mix-blend-mode
• object-fit
• object-position
• offset
• offset-anchor
• offset-distance
• offset-path
• offset-rotate
• opacity
• order
• orphans
• outline
• outline-color
• outline-offset
• outline-style
• outline-width
• overflow
  • clip
• overflow-anchor
• overflow-block
• overflow-inline
• overflow-wrap
  • anywhere
• overflow-x
  • clip
• overflow-y
  • clip
• overscroll-behavior
• overscroll-behavior-block
• overscroll-behavior-inline
• overscroll-behavior-x
• overscroll-behavior-y
• padding
• padding-block
• padding-block-end
• padding-block-start
• padding-bottom
• padding-inline
• padding-inline-end
• padding-inline-start
• padding-left
• padding-right
• padding-top
• page-break-after
  • recto
  • verso
• page-break-before
  • recto
  • verso
• page-break-inside
• paint-order
• perspective
• perspective-origin
• place-content
• place-items
• place-self
• pointer-events
  • visiblePainted /* SVG only */
  • visibleFill /* SVG only */
  • visibleStroke /* SVG only */
  • visible /* SVG only */
  • painted /* SVG only */
  • fill /* SVG only */
  • stroke /* SVG only */
  • all /* SVG only */
• position
• quotes
• resize
• right
• rotate
• row-gap
• scale
• scroll-behavior
• scroll-margin
• scroll-margin-block
• scroll-margin-block-end
• scroll-margin-block-start
• scroll-margin-bottom
• scroll-margin-inline
• scroll-margin-inline-end
• scroll-margin-inline-start
• scroll-margin-left
• scroll-margin-right
• scroll-margin-top
• scroll-padding
• scroll-padding-block
• scroll-padding-block-end
• scroll-padding-block-start
• scroll-padding-bottom
• scroll-padding-inline
• scroll-padding-inline-end
• scroll-padding-inline-start
• scroll-padding-left
• scroll-padding-right
• scroll-padding-top
• scroll-snap-align
  • scroll-snap-align two values
• scroll-snap-stop
• scroll-snap-type
• scrollbar-color
• scrollbar-width
• shape-image-threshold
• shape-margin
• shape-outside
• tab-size
• table-layout
• text-align
  • justify-all
• text-align-last
• text-combine-upright
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-skip-ink
• text-decoration-style
• text-decoration-thickness
• text-emphasis
• text-emphasis-color
• text-emphasis-position
• text-emphasis-style
• text-indent
• text-justify
• text-orientation
  • sideways-right
  • use-glyph-orientation
• text-overflow
• text-rendering
• text-shadow
• text-transform
• text-underline-offset
• text-underline-position
• top
• touch-action
• transform
• transform-box
• transform-origin
  • missing <length> properties
• transform-style
• transition
• transition-delay
• transition-duration
• transition-property
• transition-timing-function
• translate
• unicode-bidi
• vertical-align
• visibility
• white-space
  • break-spaces
• widows
• width
• will-change
• word-break
• word-spacing
• word-wrap
• writing-mode
  • sideways-rl
  • sideways-lr
• z-index

Questions

• Should we create a type for ident that confirms to the specification?
• Should we add <named-color>?
• Why is there a transparend : Supported value but no definition?
• box-shadow support none and elm-css doesn't have this implemented?
• Should revert be added to everything where unset is allowed?