-}

Take a list of mixins and return a list of key-value pairs that can then be passed to a style attribute.

styles = asPairs >> Html.Attributes.style


button
  [ styles [ position absolute, left (px 5) ] ]
  [ text "Whee!" ]

-}

An absolute position value.

position absolute

-}

An all property. -}

-}

-}

-}

-}

The baseline vertical-align value.

verticalAlign baseline

-}

-}

-}

-}

Sets border

border  (px 10)
border2 (px 10) dashed
border3 (px 10) dashed (rgb 11 14 17)

-}

Sets border

border  (px 10)
border2 (px 10) dashed
border3 (px 10) dashed (rgb 11 14 17)

-}

Sets border

border  (px 10)
border2 (px 10) dashed
border3 (px 10) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderBlockEnd  (px 5)
borderBlockEnd2 (px 5) dashed
borderBlockEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderBlockEnd  (px 5)
borderBlockEnd2 (px 5) dashed
borderBlockEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderBlockEnd  (px 5)
borderBlockEnd2 (px 5) dashed
borderBlockEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end-color

borderBlockEndColor (rgb 101 202 0)

-}

Sets border-block-end-style

borderBlockEndStyle dashed

-}

Sets border-block-start

borderBlockStart  (px 5)
borderBlockStart2 (px 5) dashed
borderBlockStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderBlockStart  (px 5)
borderBlockStart2 (px 5) dashed
borderBlockStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderBlockStart  (px 5)
borderBlockStart2 (px 5) dashed
borderBlockStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start-color

borderBlockStartColor (rgb 101 202 0)

-}

Sets border-block-start-style

borderBlockStartStyle dashed

-}

Sets border-bottom

borderBottom  (px 5)
borderBottom2 (px 5) dashed
borderBottom3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-bottom

borderBottom  (px 5)
borderBottom2 (px 5) dashed
borderBottom3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-bottom

borderBottom  (px 5)
borderBottom2 (px 5) dashed
borderBottom3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-bottom-color

borderBottomColor (rgb 101 202 0)

-}

Sets border-bottom-left-radius

borderBottomLeftRadius  (em 4)
borderBottomLeftRadius2 (em 4) (px 2)

-}

Sets border-bottom-left-radius

borderBottomLeftRadius  (em 4)
borderBottomLeftRadius2 (em 4) (px 2)

-}

Sets border-bottom-right-radius

borderBottomRightRadius  (em 4)
borderBottomRightRadius2 (em 4) (px 2)

-}

Sets border-bottom-right-radius

borderBottomRightRadius  (em 4)
borderBottomRightRadius2 (em 4) (px 2)

-}

Sets border-bottom-style

borderBottomStyle dashed

-}

Sets border-bottom-width

borderBottomWidth (em 4)

-}

The border-box value for the box-sizing property. Can also be used as border-box value for the background-clip property. -}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

Sets border-block-end

borderInlineEnd  (px 5)
borderInlineEnd2 (px 5) dashed
borderInlineEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderInlineEnd  (px 5)
borderInlineEnd2 (px 5) dashed
borderInlineEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderInlineEnd  (px 5)
borderInlineEnd2 (px 5) dashed
borderInlineEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-inline-end-color

borderInlineEndColor (rgb 101 202 0)

-}

Sets border-inline-end-style

borderInlineEndStyle dashed

-}

Sets border-inline-end-width

borderInlineEndWidth (em 4)

-}

Sets border-block-start

borderInlineStart  (px 5)
borderInlineStart2 (px 5) dashed
borderInlineStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderInlineStart  (px 5)
borderInlineStart2 (px 5) dashed
borderInlineStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderInlineStart  (px 5)
borderInlineStart2 (px 5) dashed
borderInlineStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-inline-start-color

borderInlineStartColor (rgb 101 202 0)

-}

Sets border-inline-start-style

borderInlineStartStyle dashed

-}

Sets border-left

borderLeft  (px 5)
borderLeft2 (px 5) dashed
borderLeft3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-left

borderLeft  (px 5)
borderLeft2 (px 5) dashed
borderLeft3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-left

borderLeft  (px 5)
borderLeft2 (px 5) dashed
borderLeft3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-left-color

borderLeftColor (rgb 101 202 0)

-}

Sets border-left-style

borderLeftStyle dashed

-}

Sets border-left-width

borderLeftWidth (em 4)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-right

borderRight  (px 5)
borderRight2 (px 5) dashed
borderRight3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-right

borderRight  (px 5)
borderRight2 (px 5) dashed
borderRight3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-right

borderRight  (px 5)
borderRight2 (px 5) dashed
borderRight3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-right-color

borderRightColor (rgb 101 202 0)

-}

Sets border-right-style

borderRightStyle dashed

-}

Sets border-right-width

borderRightWidth (em 4)

-}

Sets border-style

borderStyle dashed

-}

Sets border-collapse

borderCollapse collapse

-}

Sets border-top

borderTop  (px 5)
borderTop2 (px 5) dashed
borderTop3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-top

borderTop  (px 5)
borderTop2 (px 5) dashed
borderTop3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-top

borderTop  (px 5)
borderTop2 (px 5) dashed
borderTop3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-top-color

borderTopColor (rgb 101 202 0)

-}

Sets border-top-left-radius

borderTopLeftRadius  (em 4)
borderTopLeftRadius2 (em 4) (px 2)

-}

Sets border-top-left-radius

borderTopLeftRadius  (em 4)
borderTopLeftRadius2 (em 4) (px 2)

-}

Sets border-top-right-radius

borderTopRightRadius  (em 4)
borderTopRightRadius2 (em 4) (px 2)

-}

Sets border-top-right-radius

borderTopRightRadius  (em 4)
borderTopRightRadius2 (em 4) (px 2)

-}

Sets border-top-style

borderTopStyle dashed

-}

Sets border-top-width

borderTopWidth  (em 4)
borderTopWidth2 (em 4) (px 2)

-}

The bottom property.

position absolute
bottom (px 5)

This can also be used as a bottom vertical-align value:

verticalAlign bottom

-}

The[column](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction #Values) value for the flex-direction property. -}

The[column-reverse](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction #Values) value for the flex-direction property. -}

-}

The content value for the flex-basis property. -}

The content-box value for the box-sizing property. Can also be used as content-box value for the background-clip property. -}

-}

-}

A dashed border style. -}

-}

-}

A dotted border style. -}

A double border style. -}

-}

The fill-box value for the transform-box property. -}

A fixed position value. This can also represent a fixed background-attachment value.

position fixed

-}

The flat value for the transform-style property. -}

display: flex. This works around the fact that flex is already taken. -}

Theflex-end value for the align-items property. Can also be used with flex-box's justify-content property to apply the value of flex-end. -}

Theflex-start value for the align-items property. Can also be used with flex-box's justify-content property to apply the value of flex-start. -}

A groove border style. -}

[RGB color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb()) in hexadecimal notation. You can optionally include # as the first character, for benefits like syntax highlighting in editors, ease of copy/pasting from tools which express these as e.g. #abcdef0, etc. -}

hidden overflow value.

This can also represent a hidden border style. -}

-}

[HSL color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsl()) s and l values are expressed as a number between 0 and 1 and are converted to the appropriate percentage at compile-time -}

[HSLA color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#hsla()) s and l values are expressed as a number between 0 and 1 and are converted to the appropriate percentage at compile-time -}

Transforms the given property by adding !important to the end of its declaration. -}

The inherit value. Any CSS property can be set to this value. -}

The initial value. Any CSS property can be set to this value. -}

-}

-}

Sets the display style to table -}

Sets the display style to inline-table -}

Sets the display style to table-cell -}

Sets the display style to table-row -}

Sets the display style to table-column -}

Sets the display style to table-caption -}

Sets the display style to table-row-group -}

Sets the display style to table-column-group -}

Sets the display style to table-header-group -}

Sets the display style to table-footer-group -}

-}

An inset border style. -}

-}

-}

-}

-}

-}

-}

The [matrix()](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#matrix()) transform-function.

transform (matrix 0.5 1 1.5 2 2.5 3)

-}

The [matrix3d()](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#matrix3d()) transform-function.

transform (matrix3d 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3 0.5 1 1.5 2 2.5 3)

-}

The middle vertical-align value.

verticalAlign middle

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

An outset border style. -}

The [perspective()](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#perspective()) transform-function.

 transform (perspective 0.5)

-}

-}

The position property. -}

Sets 'float' float : Float compatible -> Mixin

float right

-}

The preserve-3d value for the transform-style property. -}

-}

A relative position value.

position relative

-}

[RGB color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgb()) in functional notation. -}

[RGBA color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgba()). -}

A ridge border style. -}

The [rotate](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotate()) transform-function.

 transform (rotate (deg 90))

-}

The [rotate3d](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotate3d()) transform-function.

 transform (rotate3d 1 1 1 (deg 90))

-}

The [rotateX](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateX()) transform-function.

 transform (rotateX (deg 90))

-}

The [rotateY](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateY()) transform-function.

 transform (rotateY (deg 90))

-}

The [rotateZ](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#rotateZ()) transform-function.

 transform (rotateZ (deg 90))

-}

The[row](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction #Values) value for the flex-direction property. -}

The[row-reverse](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction #Values) value for the flex-direction property. -}

-}

The [scale](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale()) transform-function.

 transform (scale 0.5)
 transform (scale2 0.5 0.7)

-}

The [scale](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale()) transform-function.

 transform (scale 0.5)
 transform (scale2 0.5 0.7)

-}

The [scale3d](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scale3d()) transform-function.

 transform (scale3d 0.5 0.5 1)

-}

The [scaleX](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scaleX()) transform-function.

 transform (scaleX 0.5)

-}

The [scaleY](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#scaleY()) transform-function.

 transform (scaleY 0.5)

-}

The scroll overflow value. This can also represent a scroll background-attachment value. -}

-}

The [skew](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skew()) transform-function.

 transform (skew (deg 90))
 transform (skew2 (deg 90) (deg 45))

-}

The [skew](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skew()) transform-function.

 transform (skew (deg 90))
 transform (skew2 (deg 90) (deg 45))

-}

The [skewX](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skewX()) transform-function.

 transform (skewX (deg 90))

-}

The [skewY](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#skewY()) transform-function.

transform (skewY (deg 90))

-}

-}

-}

-}

-}

A solid border style. -}

-}

A static position value.

position static

-}

A sticky position value.

position sticky

-}

Thestretch value for the align-items property. -}

The sub vertical-align value.

verticalAlign sub

-}

The super vertical-align value.

verticalAlign super

-}

-}

The text-bottom vertical-align value.

verticalAlign textBottom

-}

The text-top vertical-align value.

verticalAlign textTop

-}

-}

The top property.

position absolute
top (px 5)

This can also be used as a top vertical-align value:

verticalAlign top

-}

The [translate](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translate()) transform-function.

transform (translate (px 100))
transform (translate2 (px 100) (pct -45))

-}

The [translate](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translate()) transform-function.

transform (translate (px 100))
transform (translate2 (px 100) (pct -45))

-}

The [translateX](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateX()) transform-function.

transform (translate3d (px 100) (px 100) (px 100))

-}

The [translateX](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateX()) transform-function.

transform (translateX (px 100))

-}

The [translateY](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateY()) transform-function.

transform (translateY (px 100))

-}

The [translateZ](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function#translateZ()) transform-function.

transform (translateZ (px 100))

-}

A transparent color. -}

-}

The unset value. Any CSS property can be set to this value. -}

The view-box value for the transform-box property. -}

The visible value for the overflow property. -}

A wavy text decoration style. -}

Thewrap value for the flex-wrap property. -}

Thewrap-reverse value for the flex-wrap property. -}

-}

-}

-}

-}

Sets 'background-repeat'

backgroundRepeat repeatX

-}

Sets 'background-repeat'

backgroundRepeat2 repeat noRepeat

-}

The repeat-x background-repeat value. -}

The repeat-y background-repeat value. -}

The repeat background-repeat value. -}

The space background-repeat value. -}

The round background-repeat value. -}

The no-repeat background-repeat value. -}

Sets 'background-attachment'

backgroundAttachment fixed

-}

The local background-attachment value. -}

Sets 'background-blend-mode'

backgroundBlendMode darken

-}

The multiply blend-mode. -}

The overlay blend-mode. -}

The darken blend-mode. -}

The lighten blend-mode. -}

The color-dodge blend-mode. -}

The color-burn blend-mode. -}

The hard-light blend-mode. -}

The soft-light blend-mode. -}

The difference blend-mode. -}

The exclusion blend-mode. -}

The hue blend-mode. -}

The saturation blend-mode. -}

The luminosity blend-mode. -}

The screen blend-mode. -}

Sets 'background-clip'

backgroundClip borderBox

-}

The padding-box background-clip value. -}

Sets 'background-image'

backgroundImage (url "http://www.example.com/chicken.jpg")

-}

The url background-image value. -}

Sets 'background-position'

backgroundPosition top

Only supports keywords values like "top" or "center". If you want to pass a single length, use backgroundPosition2:

backgroundPosition2 (px 10) zero

-}

Sets 'background-position'

backgroundPosition2 (px 10) zero

-}

Sets 'background-origin'

backgroundOrigin borderBox

-}

Sets 'background-size'

backgroundSize cover

-}

Sets 'background-size'

backgroundSize2 50% auto

-}

The cover background-size value. -}

The contain background-size value. -}

The both value for the resize property. -}

The horizontal value for the resize property. -}

The vertical value for the resize property. -}

The break-word value for the overflow-wrap property. -}

Thespace-around value for the justify-content property. -}

Thespace-between value for the justify-content property. -}

The list-style-type property. -}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

The list-style-position property. -}

-}

-}

The list-style shorthand property. -}

The list-style shorthand property. -}

The list-style shorthand property. -}

-}

-}

A Mixin allowing you to modularly reuse common styles in other styles. The return value of mixin can be used like any other property, since all properties in elm-css are implemented as mixins.

underlineOnHover =
    mixin
        [ textDecoration none


        , hover
            [ textDecoration underline ]
        ]


stylesheet
  [ class FancyLink
      [ color (rgb 128 64 32)
      , underlineOnHover
      ]
  ]

...has the same result as:

stylesheet
  [ class FancyLink
      [ color (rgb 128 64 32)
      , textDecoration none
      , hover
        [ textDecoration underline ]
      ]
  ]

-}

A stylesheet.

stylesheet
    [ body
        [ width (px 960)
        , color (rgb 7 7 7)
        ]
    ]

-}

Compile the given stylesheets to a CSS string, or to an error message if it could not be compiled. -}

A class selector.

stylesheet
    [ class LoginFormButton
        [ fontWeight normal
        , color (rgb 128 64 32)
        ]
    ]

-}

An id selector.

stylesheet
    [ id NavBar
        [ width 960 px
        , backgroundColor (rgb 123 42 208)
        ]
    ]

-}

A custom selector. Use this for things like attribute selectors and universal selectors.

stylesheet "homepage"
    [ selector "* [lang^=en]"
        [ textDecoration underline
        , color (rgb 7 7 7)
        ]
    ]

-}

A * selector.

class Foo
  [ children
      [ everything
          [ color (rgb 14 15 16)
          , borderRadius (px 5)
          ]
      ]
  ]

...compiles to:

.Foo > * {
  color: rgb(14, 15, 16);
  border-radius: 5px;
}

-}

-}

-}

-}

-}

-}

-}

-}

-}

Define a custom property.

stylesheet
  [ body
      [ property "-webkit-font-smoothing" "none" ]
  ]

...outputs

body {
    -webkit-font-smoothing: none;
}

-}

Sets flex property.

flex (none | content | auto | (int 1) | (px 10)) flex2 (int 1) ((int 1) | (px 10 )) flex3 (int 1) (int 1) ((int 1) | (px 10))

-}

Sets flex property.

flex (none | content | auto | (int 1) | (px 10)) flex2 (int 1) ((int 1) | (px 10 )) flex3 (int 1) (int 1) ((int 1) | (px 10))

-}

Sets flex property.

flex (none | content | auto | (int 1) | (px 10)) flex2 (int 1) ((int 1) | (px 10 )) flex3 (int 1) (int 1) ((int 1) | (px 10))

-}

-}

Sets align-self.

Note: auto is not currently supported here. If you need to set this property to auto, use this workaround:

property "align-self" "auto"

If this is annoying, please file an issue, so adding support for "auto" can be prioritized! -}

Sets align-items.

Note: auto is not currently supported here. If you need to set this property to auto, use this workaround:

property "align-items" "auto"

If this is annoying, please file an issue, so adding support for "auto" can be prioritized! -}

Sets justify-content. -}

Sets order property. -}

Sets flex-direction property. -}

Sets flex-flow property.

flexFlow1 (wrap | wrapReverse | noWrap) flexFlow2 (wrap | wrapReverse | noWrap) (row | column | rowReverse | columnReverse)

Or vice versa, order is not important for flex-flow -}

Sets flex-flow property.

flexFlow1 (wrap | wrapReverse | noWrap) flexFlow2 (wrap | wrapReverse | noWrap) (row | column | rowReverse | columnReverse)

Or vice versa, order is not important for flex-flow -}

Sets flex-wrap property. -}

Sets flex-basis property.

flex (none | content | auto | (int 1) | (px 10)) flex2 (int 1) ((int 1) | (px 10 )) flex3 (int 1) (int 1) ((int 1) | (px 10))

-}

Sets flex-grow property. -}

Sets flex-shrink property. -}

The transform-style property. -}

The transform-box property. -}

Sets transform with a single explicit transform value. If you need to set the transform property to none, use the transforms function with an empty list. See transforms for more details.

transform (scaleX 1.4)

-}

Sets transform with a series of transform-functions. If an empty list is provided, the CSS output will be none, as if to state directly that the set of transforms applied to the current selector is empty:

transforms [] -- transform: none;

In the case that only one transform is needed, the transform function may be used instead for convenience. transform expects exactly one transform-function and cannot be passed none:

transform (matrix 1 2 3 4 5 6) -- transform: matrix(1, 2, 3, 4, 5, 6);

If a collection of transforms is needed, use the transforms function with a populated list:

transforms [ perspective 1, scale2 1 1.4 ]

-}

The currentColor value. -}

An underline text decoration line. -}

An overline text decoration line. -}

A line-through text decoration line. -}

Sets text-orientation.

text-orientation mixed

-}

Sets text-decoration

textDecoration  underline
textDecoration2 underline wavy
textDecoration3 underline wavy (rgb 128 64 32)

You can specify multiple line decorations with textDecorations.

textDecorations  [ underline, overline ]
textDecorations2 [ underline, overline ] wavy
textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)

-}

Sets text-decoration

textDecoration  underline
textDecoration2 underline wavy
textDecoration3 underline wavy (rgb 128 64 32)

You can specify multiple line decorations with textDecorations.

textDecorations  [ underline, overline ]
textDecorations2 [ underline, overline ] wavy
textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)

-}

Sets text-decoration

textDecoration  underline
textDecoration2 underline wavy
textDecoration3 underline wavy (rgb 128 64 32)

You can specify multiple line decorations with textDecorations.

textDecorations  [ underline, overline ]
textDecorations2 [ underline, overline ] wavy
textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)

-}

Sets text-decoration-line

textDecorationLine underline

You can specify multiple line decorations with textDecorationLines.

textDecorationLines  [ underline, overline ]

-}

Sets text-decoration

textDecorations  [ underline, overline ]
textDecorations2 [ underline, overline ] wavy
textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)

-}

Sets text-decoration

textDecorations  [ underline, overline ]
textDecorations2 [ underline, overline ] wavy
textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)

-}

Sets text-decoration

textDecorations  [ underline, overline ]
textDecorations2 [ underline, overline ] wavy
textDecorations3 [ underline, overline ] wavy (rgb 128 64 32)

-}

Sets text-decoration-line

textDecorationLine underline

You can specify multiple line decorations with textDecorationLines.

textDecorationLines  [ underline, overline ]

-}

Sets text-decoration-line

textDecorationLines  [ underline, overline ]

-}

Sets text-decoration-style

textDecorationStyle dotted

-}

Sets 'text-emphasis-color'

 textEmphasisColor (rgb 100 100 100)

-}

capitalize text-transform value -}

uppercase text-transform value -}

lowercase text-transform value -}

full-width text-transform value -}

hanging hanging value -}

each-line text-indent value -}

Sets text-indent.

textIndent  (px 40)
textIndent2 (px 40) hanging
textIndent3 (px 40) hanging eachLine

-}

Sets text-indent.

textIndent  (px 40)
textIndent2 (px 40) hanging
textIndent3 (px 40) hanging eachLine

-}

Sets text-indent.

textIndent  (px 40)
textIndent2 (px 40) hanging
textIndent3 (px 40) hanging eachLine

-}

clip text-overflow value -}

ellipsis text-overflow value -}

Sets text-overflow.

textOverflow ellipsis

-}

optimizeSpeed text-rendering value -}

optimizeLegibility text-rendering value -}

geometricPrecision text-rendering value -}

Sets text-rendering. -}

Sets text-transform. -}

Sets text-align. -}

Sets text-align-last. Note: auto is not currently supported here. If you need to set this property to auto, use this workaround:

property "text-align-last" "auto"


If this is annoying, please file an issue, so adding support for "auto"
can be prioritized!

-}

The left property.

position absolute
left (px 5)

This can also be used as a left text alignment value:

textAlign left

It can also be used as a left float value :

float left

-}

Sets right.

position absolute
right (px 5)

This can also be used as a right alignment value:

textAlign right

It can also be used as a right float value :

float right

-}

center alignment. Can also be used with flex-box's align-items and justify-content properties to apply the value of center -}

text-justify alignment. -}

justify-all alignment. -}

start alignment. -}

end alignment. -}

match-parent alignment. -}

true alignment. -}

Sets vertical-align. -}

For display: flex, use displayFlex. -}

-}

The min-content value for [min-width]https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values), [max-width]https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values), [min-height]https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and [max-height]https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values) -}

The max-content value for [min-width]https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values), [max-width]https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values), [min-height]https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and [max-height]https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values) -}

The fit-content value for [min-width]https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values), [max-width]https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values), [min-height]https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and [max-height]https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values) -}

The fill-available value for [min-width]https://developer.mozilla.org/en-US/docs/Web/CSS/min-width#Values), [max-width]https://developer.mozilla.org/en-US/docs/Web/CSS/max-width#Values), [min-height]https://developer.mozilla.org/en-US/docs/Web/CSS/min-height#Values), and [max-height]https://developer.mozilla.org/en-US/docs/Web/CSS/max-height#Values) -}

Sets width

width (px 960)

-}

Sets min-width

minWidth (px 100)

-}

Sets max-width

maxWidth (px 960)

-}

Sets height

height (px 800)

-}

Sets min-height

minHeight (px 100)

-}

Sets max-height

maxHeight (px 1024)

-}

Sets padding

padding  (px 10)
padding2 (px 10) (px 10)
padding3 (px 10) (px 10) (px 10)
padding4 (px 10) (px 10) (px 10) (px 10)

-}

Sets padding

padding  (px 10)
padding2 (px 10) (px 10)
padding3 (px 10) (px 10) (px 10)
padding4 (px 10) (px 10) (px 10) (px 10)

-}

Sets padding

padding  (px 10)
padding2 (px 10) (px 10)
padding3 (px 10) (px 10) (px 10)
padding4 (px 10) (px 10) (px 10) (px 10)

-}

Sets padding

padding  (px 10)
padding2 (px 10) (px 10)
padding3 (px 10) (px 10) (px 10)
padding4 (px 10) (px 10) (px 10) (px 10)

-}

Sets padding-top

paddingTop (px 10)

-}

Sets padding-bottom

paddingBottom (px 10)

-}

Sets padding-right

paddingRight (px 10)

-}

Sets padding-left

paddingLeft (px 10)

-}

Sets padding-block-start

paddingBlockStart (px 10)

-}

Sets padding-block-end

paddingBlockEnd (px 10)

-}

Sets padding-inline-start

paddingInlineStart (px 10)

-}

Sets padding-inline-end

paddingInlineEnd (px 10)

-}

Sets margin

margin  (px 10)
margin2 (px 10) (px 10)
margin3 (px 10) (px 10) (px 10)
margin4 (px 10) (px 10) (px 10) (px 10)

-}

Sets margin

margin  (px 10)
margin2 (px 10) (px 10)
margin3 (px 10) (px 10) (px 10)
margin4 (px 10) (px 10) (px 10) (px 10)

-}

Sets margin

margin  (px 10)
margin2 (px 10) (px 10)
margin3 (px 10) (px 10) (px 10)
margin4 (px 10) (px 10) (px 10) (px 10)

-}

Sets margin

margin  (px 10)
margin2 (px 10) (px 10)
margin3 (px 10) (px 10) (px 10)
margin4 (px 10) (px 10) (px 10) (px 10)

-}

Sets margin-top

marginTop (px 10)

-}

Sets margin-bottom

marginBottom (px 10)

-}

Sets margin-right

marginRight (px 10)

-}

Sets margin-left

marginLeft (px 10)

-}

Sets margin-block-start

marginBlockStart (px 10)

-}

Sets margin-block-end

marginBlockEnd (px 10)

-}

Sets margin-inline-start

marginInlineStart (px 10)

-}

Sets margin-inline-end

marginInlineEnd (px 10)

-}

Sets box-sizing

boxSizing borderBox

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

-}

Sets text-shadow.

textShadow  none
textShadow2 (px 1) (px 2)
textShadow3 (px 1) (px 2) (rgb 211 121 112)
textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)

-}

Sets text-shadow.

textShadow  none
textShadow2 (px 1) (px 2)
textShadow3 (px 1) (px 2) (rgb 211 121 112)
textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)

-}

Sets text-shadow.

textShadow  none
textShadow2 (px 1) (px 2)
textShadow3 (px 1) (px 2) (rgb 211 121 112)
textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)

-}

Sets text-shadow.

textShadow  none
textShadow2 (px 1) (px 2)
textShadow3 (px 1) (px 2) (rgb 211 121 112)
textShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)

-}

Sets box-shadow.

boxShadow  none
boxShadow2 (px 1) (px 2)
boxShadow3 (px 1) (px 2) (rgb 211 121 112)
boxShadow3 (px 1) (px 2) (px 3)
boxShadow3 inset (px 2) (px 3)
boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)
boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)
boxShadow4 (px 1) (px 2) (px 3) (px 4)
boxShadow4 inset (px 2) (px 3) (px 4)
boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)

-}

Sets box-shadow.

boxShadow  none
boxShadow2 (px 1) (px 2)
boxShadow3 (px 1) (px 2) (rgb 211 121 112)
boxShadow3 (px 1) (px 2) (px 3)
boxShadow3 inset (px 2) (px 3)
boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)
boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)
boxShadow4 (px 1) (px 2) (px 3) (px 4)
boxShadow4 inset (px 2) (px 3) (px 4)
boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)

-}

Sets box-shadow.

boxShadow  none
boxShadow2 (px 1) (px 2)
boxShadow3 (px 1) (px 2) (rgb 211 121 112)
boxShadow3 (px 1) (px 2) (px 3)
boxShadow3 inset (px 2) (px 3)
boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)
boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)
boxShadow4 (px 1) (px 2) (px 3) (px 4)
boxShadow4 inset (px 2) (px 3) (px 4)
boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)

-}

Sets box-shadow.

boxShadow  none
boxShadow2 (px 1) (px 2)
boxShadow3 (px 1) (px 2) (rgb 211 121 112)
boxShadow3 (px 1) (px 2) (px 3)
boxShadow3 inset (px 2) (px 3)
boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)
boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)
boxShadow4 (px 1) (px 2) (px 3) (px 4)
boxShadow4 inset (px 2) (px 3) (px 4)
boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)

-}

Sets box-shadow.

boxShadow  none
boxShadow2 (px 1) (px 2)
boxShadow3 (px 1) (px 2) (rgb 211 121 112)
boxShadow3 (px 1) (px 2) (px 3)
boxShadow3 inset (px 2) (px 3)
boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)
boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)
boxShadow4 (px 1) (px 2) (px 3) (px 4)
boxShadow4 inset (px 2) (px 3) (px 4)
boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)

-}

Sets box-shadow.

boxShadow  none
boxShadow2 (px 1) (px 2)
boxShadow3 (px 1) (px 2) (rgb 211 121 112)
boxShadow3 (px 1) (px 2) (px 3)
boxShadow3 inset (px 2) (px 3)
boxShadow4 (px 1) (px 2) (px 3) (rgb 211 121 112)
boxShadow4 inset (px 2) (px 3) (rgb 211 121 112)
boxShadow4 (px 1) (px 2) (px 3) (px 4)
boxShadow4 inset (px 2) (px 3) (px 4)
boxShadow5 (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow5 inset (px 2) (px 3) (px 4) (rgb 211 121 112)
boxShadow6 inset (px 1) (px 2) (px 3) (px 4) (rgb 211 121 112)

-}

Sets line-height

lineHeight (px 10)

-}

Sets letter-spacing

letterSpacing (px 10)

-}

-}

For when your font is one of serif, sansSerif, monospace, cursive or fantasy. If you want to refer to a font by its name (like Helvetica or Arial), use fontFamilies instead. -}

Sets font-size

fontSize  xxSmall
fontSize  (px 12)

-}

Sets font-style

fontStyle  italic

-}

Sets font-weight

fontWeight  bold
fontWeight  (int 300)

-}

Sets font-variant

fontVariant   smallCaps
fontVariant2  commonLigatures smallCaps
fontVariant3  commonLigatures smallCaps slashedZero
fontVariants  [ oldstyleNums tabularNums stackedFractions ordinal slashedZero ]

-}

-}

-}

-}

-}

-}

-}

-}

For multiple font families:

fontFamilies  ["Verdana", "Arial"]
fontFamilies  [(qt "Gill Sans Extrabold"), "Helvetica", .value sansSerif]

-}

-}

Sets font-feature-settings

fontFeatureSettings (featureTag "hist")
fontFeatureSettings (featureTag2 "smcp" on)
fontFeatureSettings (featureTag2 "swsh" 2)

-}

Sets font-feature-settings

fontFeatureSettingsList [featureTag "c2sc", featureTag "smcp"]

-}

A cursor specifies the mouse cursor displayed when mouse pointer is over an element. -}

Sets outline

outline  zero
outline  initial
outline3 (px 10) dashed (rgb 11 14 17)

-}

Sets outline

outline  zero
outline  initial
outline3 (px 10) dashed (rgb 11 14 17)

-}

Sets outline-color

outlineColor (rgb 11 14 17)
outlineColor (hex "#ffffff")
outlineColor (hsla 120 0.5 0.5 0.5)

-}

Sets outline-width

outlineWidth (px 10)
outlineWidth (em 1.4)
outlineWidth none

-}

Sets outline-style

outlineStyle dashed
outlineStyle solid
outlineStyle outset

-}

Sets outline-offset

outlineOffset (px 10)
outlineOffset (em 1.4)
outlineOffset (pct 50)

-}

Sets z-index

zIndex (int 2)

-}

Thespace-around value for the justify-content property. -}

Thespace-between value for the justify-content property. -}

-}

-}

-}

Creates a feature-tag-value with the default value of 1

fontFeatureSettings (featureTag "hist")

-}

Creates a feature-tag-value with a particular integer value

fontFeatureSettings (featureTag2 "smcp" on)
fontFeatureSettings (featureTag2 "swsh" 2)

-}

Alias for on value of font-feature-settings -}

Alias for off value of font-feature-settings -}

Sets border-collapse

borderCollapse collapse

-}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-color

borderColor  (rgb 12 11 10)
borderColor2 (rgb 12 11 10) (hex "FFBBCC")
borderColor3 (rgb 12 11 10) (hex "FFBBCC") inherit
borderColor4 (rgb 12 11 10) (hex "FFBBCC") inherit (rgb 1 2 3)

-}

Sets border-bottom-left-radius

borderBottomLeftRadius  (em 4)
borderBottomLeftRadius2 (em 4) (px 2)

-}

Sets border-bottom-left-radius

borderBottomLeftRadius  (em 4)
borderBottomLeftRadius2 (em 4) (px 2)

-}

Sets border-bottom-right-radius

borderBottomRightRadius  (em 4)
borderBottomRightRadius2 (em 4) (px 2)

-}

Sets border-bottom-right-radius

borderBottomRightRadius  (em 4)
borderBottomRightRadius2 (em 4) (px 2)

-}

Sets border-top-left-radius

borderTopLeftRadius  (em 4)
borderTopLeftRadius2 (em 4) (px 2)

-}

Sets border-top-left-radius

borderTopLeftRadius  (em 4)
borderTopLeftRadius2 (em 4) (px 2)

-}

Sets border-top-right-radius

borderTopRightRadius  (em 4)
borderTopRightRadius2 (em 4) (px 2)

-}

Sets border-top-right-radius

borderTopRightRadius  (em 4)
borderTopRightRadius2 (em 4) (px 2)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-radius

borderRadius  (em 4)
borderRadius2 (em 4) (px 2)
borderRadius3 (em 4) (px 2) (pct 5)
borderRadius4 (em 4) (px 2) (pct 5) (px 3)

-}

Sets border-bottom-width

borderBottomWidth (em 4)

-}

Sets border-inline-end-width

borderInlineEndWidth (em 4)

-}

Sets border-left-width

borderLeftWidth (em 4)

-}

Sets border-right-width

borderRightWidth (em 4)

-}

Sets border-top-width

borderTopWidth  (em 4)
borderTopWidth2 (em 4) (px 2)

-}

Sets border-block-end-style

borderBlockEndStyle dashed

-}

Sets border-block-start-style

borderBlockStartStyle dashed

-}

Sets border-inline-end-style

borderInlineEndStyle dashed

-}

Sets border-bottom-style

borderBottomStyle dashed

-}

Sets border-inline-start-style

borderInlineStartStyle dashed

-}

Sets border-left-style

borderLeftStyle dashed

-}

Sets border-right-style

borderRightStyle dashed

-}

Sets border-top-style

borderTopStyle dashed

-}

Sets border-style

borderStyle dashed

-}

Sets border-block-start-color

borderBlockStartColor (rgb 101 202 0)

-}

Sets border-block-end-color

borderBlockEndColor (rgb 101 202 0)

-}

Sets border-bottom-color

borderBottomColor (rgb 101 202 0)

-}

Sets border-inline-start-color

borderInlineStartColor (rgb 101 202 0)

-}

Sets border-inline-end-color

borderInlineEndColor (rgb 101 202 0)

-}

Sets border-left-color

borderLeftColor (rgb 101 202 0)

-}

Sets border-right-color

borderRightColor (rgb 101 202 0)

-}

Sets border-top-color

borderTopColor (rgb 101 202 0)

-}

The border-box value for the box-sizing property. Can also be used as border-box value for the background-clip property. -}

The content-box value for the box-sizing property. Can also be used as content-box value for the background-clip property. -}

Sets border

border  (px 10)
border2 (px 10) dashed
border3 (px 10) dashed (rgb 11 14 17)

-}

Sets border

border  (px 10)
border2 (px 10) dashed
border3 (px 10) dashed (rgb 11 14 17)

-}

Sets border

border  (px 10)
border2 (px 10) dashed
border3 (px 10) dashed (rgb 11 14 17)

-}

Sets border-top

borderTop  (px 5)
borderTop2 (px 5) dashed
borderTop3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-top

borderTop  (px 5)
borderTop2 (px 5) dashed
borderTop3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-top

borderTop  (px 5)
borderTop2 (px 5) dashed
borderTop3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-bottom

borderBottom  (px 5)
borderBottom2 (px 5) dashed
borderBottom3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-bottom

borderBottom  (px 5)
borderBottom2 (px 5) dashed
borderBottom3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-bottom

borderBottom  (px 5)
borderBottom2 (px 5) dashed
borderBottom3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-left

borderLeft  (px 5)
borderLeft2 (px 5) dashed
borderLeft3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-left

borderLeft  (px 5)
borderLeft2 (px 5) dashed
borderLeft3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-left

borderLeft  (px 5)
borderLeft2 (px 5) dashed
borderLeft3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-right

borderRight  (px 5)
borderRight2 (px 5) dashed
borderRight3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-right

borderRight  (px 5)
borderRight2 (px 5) dashed
borderRight3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-right

borderRight  (px 5)
borderRight2 (px 5) dashed
borderRight3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderBlockEnd  (px 5)
borderBlockEnd2 (px 5) dashed
borderBlockEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderBlockEnd  (px 5)
borderBlockEnd2 (px 5) dashed
borderBlockEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderBlockEnd  (px 5)
borderBlockEnd2 (px 5) dashed
borderBlockEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderBlockStart  (px 5)
borderBlockStart2 (px 5) dashed
borderBlockStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderBlockStart  (px 5)
borderBlockStart2 (px 5) dashed
borderBlockStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderBlockStart  (px 5)
borderBlockStart2 (px 5) dashed
borderBlockStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderInlineEnd  (px 5)
borderInlineEnd2 (px 5) dashed
borderInlineEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderInlineEnd  (px 5)
borderInlineEnd2 (px 5) dashed
borderInlineEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-end

borderInlineEnd  (px 5)
borderInlineEnd2 (px 5) dashed
borderInlineEnd3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderInlineStart  (px 5)
borderInlineStart2 (px 5) dashed
borderInlineStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderInlineStart  (px 5)
borderInlineStart2 (px 5) dashed
borderInlineStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-block-start

borderInlineStart  (px 5)
borderInlineStart2 (px 5) dashed
borderInlineStart3 (px 5) dashed (rgb 11 14 17)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-outset

borderImageOutset  (int 2)
borderImageOutset2 (int 2) (px 15)
borderImageOutset3 (int 2) (px 15) (int 1.5)
borderImageOutset4 (int 2) (px 15) (int 14) (em 3)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

Sets border-image-width

borderImageWidth  (int 3)
borderImageWidth2 (int 3) (px 15)
borderImageWidth3 (int 3) (px 15) auto
borderImageWidth4 (int 3) (px 15) auto (int 2)

-}

The scroll overflow value. This can also represent a scroll background-attachment value. -}

The visible value for the overflow property. -}

-}

-}

-}

-}

-}

The inherit value. Any CSS property can be set to this value. -}

The unset value. Any CSS property can be set to this value. -}