dsl

protected object dsl extends DslBase
class DslBase
trait Base
class Rules
class Object
trait Matchable
class Any

Type members

Classlikes

final class CondOps(val cond: Cond)

Inherited types

final type Domain[A] = Domain[A]
Inherited from
DslBase
final type Pseudo = Pseudo
Inherited from
DslBase
final type PseudoType = PseudoType
Inherited from
DslBase
final type Style = Style
Inherited from
DslBase
final type StyleF[I] = StyleF[I]
Inherited from
DslBase
final type StyleS = StyleS
Inherited from
DslBase

Value members

Concrete methods

@inline
final def Color(literal: String): ValueT[Color]
@inline
final def ^: Literal
override def styleS(t: ToStyle*)(implicit c: Compose): StyleS
Definition Classes

Inherited methods

final def 0: Length[Int]
Inherited from
TypedLiteralAliases
def addClassName(cn: String): StyleS
Inherited from
DslBase
def addClassNames(cn: String*): StyleS
Inherited from
DslBase
final def aliceblue: ValueT[Color]
Inherited from
ColorOps
@inline

The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis. This property has no effect on single line flexible boxes.

The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis. This property has no effect on single line flexible boxes.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-content">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS align-items property aligns flex items of the current flex line the same way as justify-content but in the perpendicular direction.

The CSS align-items property aligns flex items of the current flex line the same way as justify-content but in the perpendicular direction.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-items">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def alignSelf: alignSelf

The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the flex item's cross-axis margin is set to auto, then align-self is ignored.

The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the flex item's cross-axis margin is set to auto, then align-self is ignored.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-self">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def all: all

The CSS all shorthand property resets all properties, but unicode-bidi and direction to their initial or inherited value.

The CSS all shorthand property resets all properties, but unicode-bidi and direction to their initial or inherited value.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/all">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def animation: Attr

The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode and animation-play-state.

The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode and animation-play-state.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.

The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.

The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.

The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.

The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.

The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.

The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-name">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The animation-play-state CSS property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.

The animation-play-state CSS property determines whether an animation is running or paused. You can query this property's value to determine whether or not the animation is currently running; in addition, you can set its value to pause and resume playback of an animation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <timing-function>.

The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <timing-function>.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
ColorOps
final def aqua: ValueT[Color]
Inherited from
ColorOps
final def aquamarine: ValueT[Color]
Inherited from
ColorOps
final def auto: auto
Inherited from
TypedLiteralAliases
final def azure: ValueT[Color]
Inherited from
ColorOps
@inline

The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.

The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/backface-visibility">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def background: Attr

The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.

The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.

If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The background-blend-mode CSS property describes how the element's background images should blend with each other and the element's background color.

The background-blend-mode CSS property describes how the element's background images should blend with each other and the element's background color.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

Technical review completed. Editorial review completed.

Technical review completed. Editorial review completed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.

The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS background-image property sets one or several background images for an element. The images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user. The borders of the element are then drawn on top of them, and the background-color is drawn beneath them.

The CSS background-image property sets one or several background images for an element. The images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user. The borders of the element are then drawn on top of them, and the background-color is drawn beneath them.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-image">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.

The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.

The background-position CSS property sets the initial position, relative to the background position layer defined by background-origin for each defined background image.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.

The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def backgroundSize: Attr

The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.

The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def beige: ValueT[Color]
Inherited from
ColorOps
final def bisque: ValueT[Color]
Inherited from
ColorOps
final def black: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
@inline
final def blockSize: blockSize

The block-size CSS property defines the horizontal or vertical size of an element's block depending on it's writing mode. It corresponds to the width or the height property depending on the value defined for writing-mode.

The block-size CSS property defines the horizontal or vertical size of an element's block depending on it's writing mode. It corresponds to the width or the height property depending on the value defined for writing-mode.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/block-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def blue: ValueT[Color]
Inherited from
ColorOps
final def blueviolet: ValueT[Color]
Inherited from
ColorOps
@inline
final def border: border

The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.

The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-end CSS property is a shorthand property for setting the individual logical block end border property values in a single place in the style sheet. border-block-end can be used to set the values for one or more of: border-block-end-width, border-block-end-style, border-block-end-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-end CSS property is a shorthand property for setting the individual logical block end border property values in a single place in the style sheet. border-block-end can be used to set the values for one or more of: border-block-end-width, border-block-end-style, border-block-end-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-end-color CSS property defines the color of the logical block end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-end-color CSS property defines the color of the logical block end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-end-style CSS property defines the style of the logical block end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-end-style CSS property defines the style of the logical block end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-end-width CSS property defines the width of the logical block end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-end-width CSS property defines the width of the logical block end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-end-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-start CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet. border-block-start can be used to set the values for one or more of: border-block-start-width, border-block-start-style, border-block-start-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-start CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet. border-block-start can be used to set the values for one or more of: border-block-start-width, border-block-start-style, border-block-start-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-start-color CSS property defines the color of the logical block start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-start-color CSS property defines the color of the logical block start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-block-start-width CSS property defines the width of the logical block start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

The border-block-start-width CSS property defines the width of the logical block start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-block-start-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.

The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.

The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-bottom-style CSS property sets the line style of the bottom border of a box.

The border-bottom-style CSS property sets the line style of the bottom border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-bottom-width CSS property sets the width of the bottom border of a box.

The border-bottom-width CSS property sets the width of the bottom border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-collapse CSS property selects a table's border model. This has a big influence on the look and style of the table cells.

The border-collapse CSS property selects a table's border model. This has a big influence on the look and style of the table cells.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color

The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def borderImage: Attr

The border-image CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases.

The border-image CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-image-outset property describes by what amount the border image area extends beyond the border box.

The border-image-outset property describes by what amount the border image area extends beyond the border box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-image-repeat CSS property defines how the middle part of a border image is handled so that it can match the size of the border. It has a one-value syntax that describes the behavior of all the sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.

The border-image-repeat CSS property defines how the middle part of a border image is handled so that it can match the size of the border. It has a one-value syntax that describes the behavior of all the sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-repeat">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-image-slice CSS property divides the image specified by border-image-source in nine regions: the four corners, the four edges and the middle. It does this by specifying 4 inwards offsets.

The border-image-slice CSS property divides the image specified by border-image-source in nine regions: the four corners, the four edges and the middle. It does this by specifying 4 inwards offsets.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-image-source CSS property defines the <image> to use instead of the style of the border. If this property is set to none, the style defined by border-style is used instead.

The border-image-source CSS property defines the <image> to use instead of the style of the border. If this property is set to none, the style defined by border-style is used instead.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-source">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-image-width CSS property defines the width of the border. If specified, it overrides the border-width property.

The border-image-width CSS property defines the width of the border. If specified, it overrides the border-width property.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-end CSS property is a shorthand property for setting the individual logical inline end border property values in a single place in the style sheet. border-inline-end can be used to set the values for one or more of: border-inline-end-width, border-inline-end-style, border-inline-end-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-end CSS property is a shorthand property for setting the individual logical inline end border property values in a single place in the style sheet. border-inline-end can be used to set the values for one or more of: border-inline-end-width, border-inline-end-style, border-inline-end-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-end-color CSS property defines the color of the logical inline end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-end-color CSS property defines the color of the logical inline end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-end-style CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-end-style CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-end-width CSS property defines the width of the logical inline end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-end-width CSS property defines the width of the logical inline end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-start CSS property is a shorthand property for setting the individual logical inline start border property values in a single place in the style sheet. border-inline-start can be used to set the values for one or more of: border-inline-start-width, border-inline-start-style, border-inline-start-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-start CSS property is a shorthand property for setting the individual logical inline start border property values in a single place in the style sheet. border-inline-start can be used to set the values for one or more of: border-inline-start-width, border-inline-start-style, border-inline-start-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top, border-right, border-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-start-color CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-start-color CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-color, border-right-color, border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-inline-start-width CSS property defines the width of the logical inline start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

The border-inline-start-width CSS property defines the width of the logical inline start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width, border-right-width, border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe the left border of elements.

The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe the left border of elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-left">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-left-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-left are more convenient and preferable.

The border-left-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-left are more convenient and preferable.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-left-style CSS property sets the line style of the left border of a box.

The border-left-style CSS property sets the line style of the left border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-left-width CSS property sets the width of the left border of a box.

The border-left-width CSS property sets the width of the left border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.

The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe the right border of elements.

The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe the right border of elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-right">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-right-color CSS property sets the color of the right border of an element. Note that in many cases the shorthand CSS properties border-color or border-right are more convenient and preferable.

The border-right-color CSS property sets the color of the right border of an element. Note that in many cases the shorthand CSS properties border-color or border-right are more convenient and preferable.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-right-style CSS property sets the line style of the right border of a box.

The border-right-style CSS property sets the line style of the right border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-right-width CSS property sets the width of the right border of a box.

The border-right-width CSS property sets the width of the right border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model). This is equivalent to the cellspacing attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.

The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model). This is equivalent to the cellspacing attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-style CSS property is a shorthand property for setting the line style for all four sides of the elements border.

The border-style CSS property is a shorthand property for setting the line style for all four sides of the elements border.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def borderTop: borderTop

The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe the top border of elements.

The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe the top border of elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-top-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.

The border-top-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-top-left-radius CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0,no rounding is done and the corner is square.

The border-top-left-radius CSS property sets the rounding of the top-left corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0,no rounding is done and the corner is square.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-top-right-radius CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

The border-top-right-radius CSS property sets the rounding of the top-right corner of the element. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-top-style CSS property sets the line style of the top border of a box.

The border-top-style CSS property sets the line style of the top border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-top-width CSS property sets the width of the top border of a box.

The border-top-width CSS property sets the width of the top border of a box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The border-width CSS property sets the width of the border of a box. Using the shorthand property border is often more convenient.

The border-width CSS property sets the width of the border of a box. Using the shorthand property border is often more convenient.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def bottom: bottom

The bottom CSS property participates in specifying the position of positioned elements.

The bottom CSS property participates in specifying the position of positioned elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/bottom">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The box-decoration-break CSS property specifies how the background, padding, border, border-image, box-shadow, margin and clip of an element is applied when the box for the element is fragmented. Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed. Each piece of the rendering for the element is called a fragment.

The box-decoration-break CSS property specifies how the background, padding, border, border-image, box-shadow, margin and clip of an element is applied when the box for the element is fragmented. Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed. Each piece of the rendering for the element is called a fragment.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/box-decoration-break">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def boxReflect: Attr

The -webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.

The -webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.

Note: This feature is not intended to be used by Web sites. To achieve reflection on the Web, the standard way is to use the CSS element() function.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-box-reflect">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def boxShadow: Attr

The box-shadow CSS property describes one or more shadow effects as a comma-separated list.

The box-shadow CSS property describes one or more shadow effects as a comma-separated list.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def boxSizing: boxSizing

The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.

The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The break-after CSS property describes how the page, column or region break behavior after the generated box. If there is no generated box, the property is ignored.

The break-after CSS property describes how the page, column or region break behavior after the generated box. If there is no generated box, the property is ignored.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/break-after">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The break-before CSS property describes how the page, column or region break behavior before the generated box. If there is no generated box, the property is ignored.

The break-before CSS property describes how the page, column or region break behavior before the generated box. If there is no generated box, the property is ignored.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/break-before">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The break-inside CSS property describes how the page, column or region break inside the generated box. If there is no generated box, the property is ignored.

The break-inside CSS property describes how the page, column or region break inside the generated box. If there is no generated box, the property is ignored.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/break-inside">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def brown: ValueT[Color]
Inherited from
ColorOps
final def burlywood: ValueT[Color]
Inherited from
ColorOps
final def cadetblue: ValueT[Color]
Inherited from
ColorOps
@inline

The caption-side CSS property positions the content of a table's <caption> on the specified side.

The caption-side CSS property positions the content of a table's <caption> on the specified side.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/caption-side">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The caret-color property allows the color to be set of the caret (blinking text insertion pointer) in an editable text area.

The caret-color property allows the color to be set of the caret (blinking text insertion pointer) in an editable text area.

https://www.w3.org/TR/css-ui-3/#caret-color

Inherited from
AttrAliasesAndValueTRules
final def chartreuse: ValueT[Color]
Inherited from
ColorOps
final def chocolate: ValueT[Color]
Inherited from
ColorOps
@inline
final def clear: clear

The clear CSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them.

The clear CSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/clear">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def clip: clip

The clip CSS property defines what portion of an element is visible. The clip property applies only to absolutely positioned elements, that is elements with position:absolute or position:fixed.

The clip CSS property defines what portion of an element is visible. The clip property applies only to absolutely positioned elements, that is elements with position:absolute or position:fixed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/clip">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def clipPath: Attr

The clip-path property prevents a portion of an element from drawing by defining a clipping region.

The clip-path property prevents a portion of an element from drawing by defining a clipping region.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def color: color

The CSS color property sets the foreground color of an element's text content, and its decorations. It doesn't affect any other characteristic of the element; it should really be called text-color and would have been named so, save for historical reasons and its appearance in CSS Level 1.

The CSS color property sets the foreground color of an element's text content, and its decorations. It doesn't affect any other characteristic of the element; it should really be called text-color and would have been named so, save for historical reasons and its appearance in CSS Level 1.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The column-count CSS property describes the number of columns of the element.

The column-count CSS property describes the number of columns of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-count">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.

The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def columnGap: columnGap

The column-gap CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element.

The column-gap CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule")( to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.

In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule")( to be drawn between each column. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.

The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.

The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.

The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.

The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-span">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The column-width CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width.

The column-width CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/column-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def columns: Attr

The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.

The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/columns">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def contain: contain
Inherited from
TypedLiteralAliases
@inline
final def content: content

The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element. Objects inserted using the content property are anonymous replaced elements.

The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element. Objects inserted using the content property are anonymous replaced elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/content">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def coral: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
final def cornsilk: ValueT[Color]
Inherited from
ColorOps
@inline

The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.

The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/counter-increment">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def counterReset: Attr

The counter-reset CSS property is used to reset CSS Counters to a given value.

The counter-reset CSS property is used to reset CSS Counters to a given value.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def crimson: ValueT[Color]
Inherited from
ColorOps
final def cubicBezier(x1: Double, y1: Double, x2: Double, y2: Double): cubicBezier
Inherited from
TypedLiteralAliases

The currentColor keyword represents the calculated value of the element's color property. It allows to make the color properties inherited by properties or child's element properties that do not inherit it by default.

The currentColor keyword represents the calculated value of the element's color property. It allows to make the color properties inherited by properties or child's element properties that do not inherit it by default.

It can also be used on properties that inherit the calculated value of the element's color property and will be equivalent to the inherit keyword on these elements, if any.

Inherited from
ColorOps
@inline
final def cursor: cursor

The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.

The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/cursor">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def cyan: ValueT[Color]
Inherited from
ColorOps
final def darkblue: ValueT[Color]
Inherited from
ColorOps
final def darkcyan: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
final def darkgray: ValueT[Color]
Inherited from
ColorOps
final def darkgreen: ValueT[Color]
Inherited from
ColorOps
final def darkgrey: ValueT[Color]
Inherited from
ColorOps
final def darkkhaki: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
final def darkorange: ValueT[Color]
Inherited from
ColorOps
final def darkorchid: ValueT[Color]
Inherited from
ColorOps
final def darkred: ValueT[Color]
Inherited from
ColorOps
final def darksalmon: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
final def darkviolet: ValueT[Color]
Inherited from
ColorOps
final def dashed: dashed
Inherited from
TypedLiteralAliases
final def deeppink: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
final def dimgray: ValueT[Color]
Inherited from
ColorOps
final def dimgrey: ValueT[Color]
Inherited from
ColorOps
@inline
final def direction: direction

Set the direction CSS property to match the direction of the text: rtl for languages written from right-to-left (like Hebrew or Arabic) text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.

Set the direction CSS property to match the direction of the text: rtl for languages written from right-to-left (like Hebrew or Arabic) text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/direction">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def display: display

The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is inline.

The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is inline.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def dodgerblue: ValueT[Color]
Inherited from
ColorOps
final def dotted: dotted
Inherited from
TypedLiteralAliases
final def double: double
Inherited from
TypedLiteralAliases
final def eachLine: eachLine
Inherited from
TypedLiteralAliases
final def ease: ease
Inherited from
TypedLiteralAliases
final def easeIn: easeIn
Inherited from
TypedLiteralAliases
final def easeInOut: easeInOut
Inherited from
TypedLiteralAliases
final def easeOut: easeOut
Inherited from
TypedLiteralAliases
@inline

The empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.

The empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/empty-cells">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def end: end
Inherited from
TypedLiteralAliases
@inline
final def filter: Attr

The CSS filter property provides for effects like blurring or color shifting on an element’s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.

The CSS filter property provides for effects like blurring or color shifting on an element’s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/filter">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def firebrick: ValueT[Color]
Inherited from
ColorOps
@inline
final def flex: Attr

The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.

The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def flexBasis: Attr

The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item. The property determines the size of the content-box unless specified otherwise using box-sizing.

The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item. The property determines the size of the content-box unless specified otherwise using box-sizing.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

The CSS flex-direction property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def flexFlow: Attr

The CSS flex-flow property is a shorthand property for flex-direction and flex-wrap individual properties.

The CSS flex-flow property is a shorthand property for flex-direction and flex-wrap individual properties.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-flow">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def flexGrow: flexGrow

The CSS flex-grow property specifies the flex grow factor of a flex item.

The CSS flex-grow property specifies the flex grow factor of a flex item.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS flex-shrink property specifies the flex shrink factor of a flex item.

The CSS flex-shrink property specifies the flex shrink factor of a flex item.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def flexWrap: flexWrap

The CSS flex-wrap property specifies whether the children are forced into a single line or if the items can be flowed on multiple lines.

The CSS flex-wrap property specifies whether the children are forced into a single line or if the items can be flowed on multiple lines.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def float: float

The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it. A floating element is one where the computed value of float is not none.

The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it. A floating element is one where the computed value of float is not none.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/float">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
ColorOps
@inline
final def flowFrom: Attr

Flows content from a named flow (specified by a corresponding flow-into) through selected elements to form a dynamic chain of layout regions.

Flows content from a named flow (specified by a corresponding flow-into) through selected elements to form a dynamic chain of layout regions.

See also

<a href="https://docs.webplatform.org/wiki/css/properties/flow-from">WPD</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def flowInto: Attr

Diverts the selected element's content into a named flow, used to thread content through different layout regions specified by flow-from.

Diverts the selected element's content into a named flow, used to thread content through different layout regions specified by flow-from.

See also

<a href="https://docs.webplatform.org/wiki/css/properties/flow-into">WPD</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def font: Attr

The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.

The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-family CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a @font-face at-rule.

The font-family CSS property allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer, or that can be downloaded using the information provided by a @font-face at-rule.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-family">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

The font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-kerning CSS property controls the usage of the kerning information; that is, it controls how letters are spaced. The kerning information is stored in the font, and if the font is well-kerned, this feature allows spacing between characters to be very similar, whatever the characters are.

The font-kerning CSS property controls the usage of the kerning information; that is, it controls how letters are spaced. The kerning information is stored in the font, and if the font is well-kerned, this feature allows spacing between characters to be very similar, whatever the characters are.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-kerning">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def fontSize: fontSize

The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font. Setting the font size may, in turn, change the size of other items, since it is used to compute the value of em and ex length units.

The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font. Setting the font size may, in turn, change the size of other items, since it is used to compute the value of em and ex length units.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.

The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-stretch CSS property selects a normal, condensed, or expanded face from a font.

The font-stretch CSS property selects a normal, condensed, or expanded face from a font.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def fontStyle: fontStyle

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def fontSynthesis: Attr

The font-synthesis CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.

The font-synthesis CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def fontVariant: Attr

The font-variant CSS property selects a normal, or small-caps face from a font family. Setting the CSS Level 2 (Revision 1) values of the font-variant property, that is normal or small-caps, is also possible by using the font shorthand.

The font-variant CSS property selects a normal, or small-caps face from a font family. Setting the CSS Level 2 (Revision 1) values of the font-variant property, that is normal or small-caps, is also possible by using the font shorthand.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-variant-alternates CSS property controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values.

The font-variant-alternates CSS property controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-alternates">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-variant-caps CSS property controls the usage of alternate glyphs for capital letters. Scripts can have capital letter glyphs of different sizes, the normal uppercase glyphs, small capital glyphs, and petite capital glyphs. This property controls which alternate glyphs to use.

The font-variant-caps CSS property controls the usage of alternate glyphs for capital letters. Scripts can have capital letter glyphs of different sizes, the normal uppercase glyphs, small capital glyphs, and petite capital glyphs. This property controls which alternate glyphs to use.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-caps">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-variant-east-asian CSS property controls the usage of alternate glyphs for East Asian scripts, like Japanese and Chinese.

The font-variant-east-asian CSS property controls the usage of alternate glyphs for East Asian scripts, like Japanese and Chinese.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-east-asian">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-variant-ligatures CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.

The font-variant-ligatures CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-ligatures">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.

The font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The font-variant-position CSS property controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font, which is set unchanged. These glyphs are likely to be used in <sub> and <sup> elements.

The font-variant-position CSS property controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font, which is set unchanged. These glyphs are likely to be used in <sub> and <sup> elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

This property provides low-level control over OpenType or TrueType font variations. It is intended as a way of providing access to font variations that are not widely used but are needed for a particular use case.

This property provides low-level control over OpenType or TrueType font variations. It is intended as a way of providing access to font variations that are not widely used but are needed for a particular use case.

https://drafts.csswg.org/css-fonts-4/#font-variation-settings-def

Inherited from
AttrAliasesAndValueTRules
@inline

The font-weight CSS property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on normal and bold.

The font-weight CSS property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on normal and bold.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
ColorOps
final def fuchsia: ValueT[Color]
Inherited from
ColorOps
final def gainsboro: ValueT[Color]
Inherited from
ColorOps
@inline
final def gap: gap

The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.

The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/gap">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def ghostwhite: ValueT[Color]
Inherited from
ColorOps
final def gold: ValueT[Color]
Inherited from
ColorOps
final def goldenrod: ValueT[Color]
Inherited from
ColorOps
final def gray: ValueT[Color]
Inherited from
ColorOps
final def green: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
final def grey: ValueT[Color]
Inherited from
ColorOps
final def grey(amount: Int): ValueT[Color]
Inherited from
ColorOps
@inline
final def grid: Attr
See also

<a href="http://www.w3.org/TR/css3-grid-layout/#grid-shorthand">css3-grid-layout#grid</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridArea: Attr
See also

<a href="http://www.w3.org/TR/css3-grid-layout/#common-uses">css3-grid-layout#common-uses</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridAutoFlow: Attr

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridAutoRows: Attr

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridColumn: Attr
See also

<a href="http://www.w3.org/TR/css3-grid-layout/#placement-shorthands">css3-grid-layout#placement-shorthands</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridColumnEnd: Attr

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridRow: Attr
See also

<a href="http://www.w3.org/TR/css3-grid-layout/#placement-shorthands">css3-grid-layout#placement-shorthands</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridRowEnd: Attr

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridRowStart: Attr

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def gridTemplate: Attr
See also

<a href="http://www.w3.org/TR/css3-grid-layout/#propdef-grid-template">css3-grid-layout#grid-template</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def groove: groove
Inherited from
TypedLiteralAliases
final def hanging: hanging
Inherited from
TypedLiteralAliases
@inline

Allows some punctuation characters from start (or the end) of text elements to be placed "outside" of the box in order to preserve the reading flow.

Allows some punctuation characters from start (or the end) of text elements to be placed "outside" of the box in order to preserve the reading flow.

https://drafts.csswg.org/css-text-3/#hanging-punctuation-property

Inherited from
AttrAliasesAndValueTRules
@inline
final def height: height

The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.

The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/height">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def hidden: hidden
Inherited from
TypedLiteralAliases
final def honeydew: ValueT[Color]
Inherited from
ColorOps
final def hotpink: ValueT[Color]
Inherited from
ColorOps
final def hsl(h: Int, s: Percentage[_], l: Percentage[_]): ValueT[Color]
Inherited from
ColorOps
final def hsla(h: Int, s: Percentage[_], l: Percentage[_], a: Double): ValueT[Color]
Inherited from
ColorOps
@inline
final def hyphens: hyphens

The hyphens CSS property tells the browser how to go about splitting words to improve the layout of text when line-wrapping. On HTML, the language is determined by the lang attribute: browsers will hyphenate only if this attribute is present and if an appropriate hyphenation dictionary is available. On XML, the xml:lang attribute must be used.

The hyphens CSS property tells the browser how to go about splitting words to improve the layout of text when line-wrapping. On HTML, the language is determined by the lang attribute: browsers will hyphenate only if this attribute is present and if an appropriate hyphenation dictionary is available. On XML, the xml:lang attribute must be used.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The image-orientation CSS property describes how to correct the default orientation of an image.

The image-orientation CSS property describes how to correct the default orientation of an image.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The image-rendering CSS property provides a hint to the user agent about how to handle its image rendering. It applies to any images appearing on the element properties, but has no effect on non-scaled images.. For example, if the natural size of the image is 100×100px but the page author specifies the dimensions to 200×200px (or 50×50px), then the image will be upscaled (or downscaled) to the new dimensions using the specified algorithm. Scaling may also apply due to user interaction (zooming).

The image-rendering CSS property provides a hint to the user agent about how to handle its image rendering. It applies to any images appearing on the element properties, but has no effect on non-scaled images.. For example, if the natural size of the image is 100×100px but the page author specifies the dimensions to 200×200px (or 50×50px), then the image will be upscaled (or downscaled) to the new dimensions using the specified algorithm. Scaling may also apply due to user interaction (zooming).

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/image-resolution">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def imeMode: imeMode

The ime-mode CSS property controls the state of the input method editor for text fields.

The ime-mode CSS property controls the state of the input method editor for text fields.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/ime-mode">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def indianred: ValueT[Color]
Inherited from
ColorOps
final def indigo: ValueT[Color]
Inherited from
ColorOps
final def inherit: inherit
Inherited from
TypedLiteralAliases
final def initial: initial
Inherited from
TypedLiteralAliases
@inline

This property specifies styling for dropped, raised, and sunken initial letters.

This property specifies styling for dropped, raised, and sunken initial letters.

https://www.w3.org/TR/css-inline/#initial-letter-styling

Inherited from
AttrAliasesAndValueTRules
@inline

The inline-size CSS property defines the horizontal or vertical size of an element's block depending on it's writing mode. It corresponds to the width or the height property depending on the value defined for writing-mode.

The inline-size CSS property defines the horizontal or vertical size of an element's block depending on it's writing mode. It corresponds to the width or the height property depending on the value defined for writing-mode.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/inline-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def inset: inset
Inherited from
TypedLiteralAliases
@inline
final def isolation: isolation

The isolation CSS property defines if the element must create a new stacking context.

The isolation CSS property defines if the element must create a new stacking context.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/isolation">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def ivory: ValueT[Color]
Inherited from
ColorOps
@inline

The CSS justify-content property defines how a browser distributes available space between and around elements when aligning flex items in the main-axis of the current line. The alignment is done after the lengths and auto margins are applied, meaning that, if there is at least one flexible element, with flex-grow different than 0, it will have no effect as there won't be any available space.

The CSS justify-content property defines how a browser distributes available space between and around elements when aligning flex items in the main-axis of the current line. The alignment is done after the lengths and auto margins are applied, meaning that, if there is at least one flexible element, with flex-grow different than 0, it will have no effect as there won't be any available space.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.

The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def khaki: ValueT[Color]
Inherited from
ColorOps
final def lavender: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
final def lawngreen: ValueT[Color]
Inherited from
ColorOps
@inline
final def left: left

The left CSS property specifies part of the position of positioned elements.

The left CSS property specifies part of the position of positioned elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/left">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
ColorOps
@inline

The letter-spacing CSS property specifies spacing behavior between text characters.

The letter-spacing CSS property specifies spacing behavior between text characters.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def lightblue: ValueT[Color]
Inherited from
ColorOps
final def lightcoral: ValueT[Color]
Inherited from
ColorOps
final def lightcyan: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
final def lightgray: ValueT[Color]
Inherited from
ColorOps
final def lightgreen: ValueT[Color]
Inherited from
ColorOps
final def lightgrey: ValueT[Color]
Inherited from
ColorOps
final def lightpink: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
final def lime: ValueT[Color]
Inherited from
ColorOps
final def limegreen: ValueT[Color]
Inherited from
ColorOps
@inline
final def lineBreak: lineBreak

The line-break CSS property is used to specify how (or if) to break lines.

The line-break CSS property is used to specify how (or if) to break lines.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/line-break">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

On block level elements, the line-height CSS property specifies the minimal height of line boxes within the element.

On block level elements, the line-height CSS property specifies the minimal height of line boxes within the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/line-height">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def linear: linear
Inherited from
TypedLiteralAliases
final def linen: ValueT[Color]
Inherited from
ColorOps
@inline
final def listStyle: Attr

The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.

The list-style CSS property is a shorthand property for setting list-style-type, list-style-image and list-style-position.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/list-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def listStyleImage: Attr

The list-style-image CSS property sets the image that will be used as the list item marker.

The list-style-image CSS property sets the image that will be used as the list item marker.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The list-style-position CSS property specifies the position of the marker box in the principal block box.

The list-style-position CSS property specifies the position of the marker box in the principal block box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def listStyleType: Attr

The list-style-type CSS property specifies appearance of a list item element. As it is the only one which defaults to display:list-item, this is usually a <li> element, but can be any element with this display value.

The list-style-type CSS property specifies appearance of a list item element. As it is the only one which defaults to display:list-item, this is usually a <li> element, but can be any element with this display value.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def magenta: ValueT[Color]
Inherited from
ColorOps
@inline
final def margin: margin

The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.

The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The margin-block-end CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

The margin-block-end CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The margin-block-start CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

The margin-block-start CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.

The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top, margin-right, margin-bottom or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

The margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top, margin-right, margin-bottom or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The margin-inline-start CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

The margin-inline-start CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The margin-left CSS property of an element sets the margin space required on the left side of a box associated with an element. A negative value is also allowed.

The margin-left CSS property of an element sets the margin space required on the left side of a box associated with an element. A negative value is also allowed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The margin-right CSS property of an element sets the margin space required on the right side of an element. A negative value is also allowed.

The margin-right CSS property of an element sets the margin space required on the right side of an element. A negative value is also allowed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def marginTop: marginTop

The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.

The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def marks: Attr

The marks CSS property adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets.

The marks CSS property adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/marks">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def maroon: ValueT[Color]
Inherited from
ColorOps
@inline
final def mask: Attr

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/mask">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def maskType: Attr

The CSS mask-type properties defines if a SVG <mask> element is a luminance or an alpha mask.

The CSS mask-type properties defines if a SVG <mask> element is a luminance or an alpha mask.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/mask-type">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The max-block-size CSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to the max-width or the max-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of max-block-size relates to the maximal width of the element, otherwise it relates to the maximal height of the element. It relates to max-inline-size, which defines the other dimension of the element.

The max-block-size CSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to the max-width or the max-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of max-block-size relates to the maximal width of the element, otherwise it relates to the maximal height of the element. It relates to max-inline-size, which defines the other dimension of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-block-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def maxHeight: maxHeight

The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.

The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-height">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The max-inline-size CSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to the max-width or the max-height property depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of max-inline-size relates to the maximal height of the element, otherwise it relates to the maximal width of the element. It relates to max-block-size, which defines the other dimension of the element.

The max-inline-size CSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to the max-width or the max-height property depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of max-inline-size relates to the maximal height of the element, otherwise it relates to the maximal width of the element. It relates to max-block-size, which defines the other dimension of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-inline-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def maxWidth: maxWidth

The max-width CSS property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.

The max-width CSS property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/max-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
DslBase
final def medium: medium
Inherited from
TypedLiteralAliases
Inherited from
ColorOps
final def mediumblue: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
@inline

The min-block-size CSS property defines the horizontal or vertical minimal size of an element's block depending on its writing mode. It corresponds to the min-width or the min-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of min-block-size relates to the minimal width of the element, otherwise it relates to the minimal height of the element. It relates to min-inline-size, which defines the other dimension of the element.

The min-block-size CSS property defines the horizontal or vertical minimal size of an element's block depending on its writing mode. It corresponds to the min-width or the min-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of min-block-size relates to the minimal width of the element, otherwise it relates to the minimal height of the element. It relates to min-inline-size, which defines the other dimension of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/min-block-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def minHeight: minHeight

The min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.

The min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/min-height">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block depending on its writing mode. It corresponds to the min-width or the min-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of min-inline-size relates to the minimal height of the element, otherwise it relates to the minimal width of the element. It relates to min-block-size, which defines the other dimension of the element.

The min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block depending on its writing mode. It corresponds to the min-width or the min-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of min-inline-size relates to the minimal height of the element, otherwise it relates to the minimal width of the element. It relates to min-block-size, which defines the other dimension of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/min-inline-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def minWidth: minWidth

The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.

The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/min-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def mintcream: ValueT[Color]
Inherited from
ColorOps
final def mistyrose: ValueT[Color]
Inherited from
ColorOps
@inline
final def mixBlendMode: Attr

The mix-blend-mode CSS property describes how an element content should blend with the content of the element that is below it and the element's background.

The mix-blend-mode CSS property describes how an element content should blend with the content of the element that is below it and the element's background.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode">MDN</a>

Inherited from
AttrAliasesAndValueTRules
def mixin(t: ToStyle*)(implicit c: Compose): StyleS
Inherited from
DslBase
def mixinIf(b: Boolean)(t: ToStyle*)(implicit c: Compose): StyleS
Inherited from
DslBase
def mixinIfElse(b: Boolean)(t: ToStyle*)(f: ToStyle*)(implicit c: Compose): StyleS
Inherited from
DslBase
final def moccasin: ValueT[Color]
Inherited from
ColorOps
final def noRepeat: noRepeat
Inherited from
TypedLiteralAliases
final def none: none
Inherited from
TypedLiteralAliases
@inline
final def objectFit: objectFit

The object-fit CSS property specifies how the contents of a replaced element should be fitted to the box established by its used height and width.

The object-fit CSS property specifies how the contents of a replaced element should be fitted to the box established by its used height and width.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def objectPosition: Attr

The object-position property determines the alignment of the replaced element inside its box.

The object-position property determines the alignment of the replaced element inside its box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/object-position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The offset-block-end CSS property defines the logical block end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

The offset-block-end CSS property defines the logical block end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/offset-block-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The offset-block-start CSS property defines the logical block start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

The offset-block-start CSS property defines the logical block start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/offset-block-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The offset-inline-end CSS property defines the logical inline end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

The offset-inline-end CSS property defines the logical inline end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/offset-inline-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The offset-inline-start CSS property defines the logical inline start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

The offset-inline-start CSS property defines the logical inline start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the top, right, bottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/offset-inline-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def oldlace: ValueT[Color]
Inherited from
ColorOps
final def olive: ValueT[Color]
Inherited from
ColorOps
final def olivedrab: ValueT[Color]
Inherited from
ColorOps
@inline
final def opacity: opacity

The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.

The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/opacity">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def orange: ValueT[Color]
Inherited from
ColorOps
final def orangered: ValueT[Color]
Inherited from
ColorOps
final def orchid: ValueT[Color]
Inherited from
ColorOps
@inline
final def order: order

The CSS order property specifies the order used to lay out flex items in their flex container. Elements are laid out by ascending order of the order value. Elements with the same order value are laid out in the order they appear in the source code.

The CSS order property specifies the order used to lay out flex items in their flex container. Elements are laid out by ascending order of the order value. Elements with the same order value are laid out in the order they appear in the source code.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/order">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def orphans: orphans

The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page. This property is normally used to control how page breaks occur.

The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page. This property is normally used to control how page breaks occur.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/orphans">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def outline: outline

The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single declaration. In most cases the use of this shortcut is preferable and more convenient.

The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single declaration. In most cases the use of this shortcut is preferable and more convenient.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The outline-color CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

The outline-color CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The outline-offset CSS property is used to set space between an outline and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge.

The outline-offset CSS property is used to set space between an outline and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The outline-width CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:

The outline-width CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def outset: outset
Inherited from
TypedLiteralAliases
@inline
final def overflow: overflow

The overflow CSS property specifies whether to clip content, render scrollbars or just display content when it overflows its block level container.

The overflow CSS property specifies whether to clip content, render scrollbars or just display content when it overflows its block level container.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/overflow">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

Scroll anchoring aims to be the default mode of behavior when launched, so that users benefit from it even on legacy content. overflow-anchor can disable scroll anchoring in part or all of a webpage (opt out), or exclude portions of the DOM from the anchor node selection algorithm.

Scroll anchoring aims to be the default mode of behavior when launched, so that users benefit from it even on legacy content. overflow-anchor can disable scroll anchoring in part or all of a webpage (opt out), or exclude portions of the DOM from the anchor node selection algorithm.

https://drafts.csswg.org/css-scroll-anchoring/#propdef-overflow-anchor

Inherited from
AttrAliasesAndValueTRules
@inline
final def overflowWrap: Attr

REDIRECT https://developer.mozilla.org/en-US/docs/CSS/word-wrap

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def overflowX: overflowX

The overflow-x CSS property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.

The overflow-x CSS property specifies whether to clip content, render a scroll bar or display overflow content of a block-level element, when it overflows at the left and right edges.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def overflowY: overflowY

The overflow-y CSS property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.

The overflow-y CSS property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

Specifies how a scroll container element must behave when scrolling.

Specifies how a scroll container element must behave when scrolling.

https://wicg.github.io/overscroll-behavior/

Inherited from
AttrAliasesAndValueTRules
@inline

Specifies how a scroll container element must behave when scrolling.

Specifies how a scroll container element must behave when scrolling.

https://wicg.github.io/overscroll-behavior/

Inherited from
AttrAliasesAndValueTRules
@inline

Specifies how a scroll container element must behave when scrolling.

Specifies how a scroll container element must behave when scrolling.

https://wicg.github.io/overscroll-behavior/

Inherited from
AttrAliasesAndValueTRules
@inline
final def padding: padding

The padding CSS property sets the required padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

The padding CSS property sets the required padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-block-end CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

The padding-block-end CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-block-start CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

The padding-block-start CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element. The padding area is the space between the content of the element and it's border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.

The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element. The padding area is the space between the content of the element and it's border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-inline-end CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

The padding-inline-end CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-inline-start CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

The padding-inline-start CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and it's border. A negative value is not allowed.

The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and it's border. A negative value is not allowed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.

The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The page-break-after CSS property adjusts page breaks after the current element.

The page-break-after CSS property adjusts page breaks after the current element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-after">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The page-break-before CSS property adjusts page breaks before the current element.

The page-break-before CSS property adjusts page breaks before the current element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-before">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The page-break-inside CSS property adjusts page breaks inside the current element.

The page-break-inside CSS property adjusts page breaks inside the current element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-inside">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
ColorOps
final def palegreen: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
Inherited from
ColorOps
final def papayawhip: ValueT[Color]
Inherited from
ColorOps
final def peachpuff: ValueT[Color]
Inherited from
ColorOps
@inline

The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.

The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/perspective">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.

The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/perspective-origin">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def peru: ValueT[Color]
Inherited from
ColorOps
final def pink: ValueT[Color]
Inherited from
ColorOps
@inline
final def placeSelf: placeSelf

The place-self CSS property is a shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it.

The place-self CSS property is a shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/palce-self">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def plum: ValueT[Color]
Inherited from
ColorOps
@inline

The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.

The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def position: position

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def powderblue: ValueT[Color]
Inherited from
ColorOps
final def purple: ValueT[Color]
Inherited from
ColorOps
@inline
final def quotes: quotes

The quotes CSS property indicates how user agents should render quotation marks.

The quotes CSS property indicates how user agents should render quotation marks.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/quotes">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
ColorOps
final def red: ValueT[Color]
Inherited from
ColorOps
@inline
final def regionFragment: Attr

Controls whether the last region in a chain displays additional 'overset' content according its default overflow property, or if it displays a fragment of content as if it were flowing into a subsequent region.

Controls whether the last region in a chain displays additional 'overset' content according its default overflow property, or if it displays a fragment of content as if it were flowing into a subsequent region.

See also

<a href="https://docs.webplatform.org/wiki/css/properties/region-fragment">WPD</a>

Inherited from
AttrAliasesAndValueTRules
final def repeat: repeat
Inherited from
TypedLiteralAliases
@inline
final def resize: resize

The resize CSS property lets you control the resizability of an element.

The resize CSS property lets you control the resizability of an element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/resize">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def rgb(r: Percentage[_], g: Percentage[_], b: Percentage[_]): ValueT[Color]
Inherited from
ColorOps
final def rgb(r: Int, g: Int, b: Int): ValueT[Color]
Inherited from
ColorOps
final def rgba(r: Int, g: Int, b: Int, a: Double): ValueT[Color]
Inherited from
ColorOps
final def ridge: ridge
Inherited from
TypedLiteralAliases
@inline
final def right: right

The right CSS property specifies part of the position of positioned elements.

The right CSS property specifies part of the position of positioned elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/right">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def rosybrown: ValueT[Color]
Inherited from
ColorOps
final def round: round
Inherited from
TypedLiteralAliases
@inline
final def rowGap: rowGap

The row-gap CSS property sets the size of the gap (gutter) between an element's grid rows.

The row-gap CSS property sets the size of the gap (gutter) between an element's grid rows.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def royalblue: ValueT[Color]
Inherited from
ColorOps
@inline
final def rubyAlign: rubyAlign

The ruby-align CSS property defines the distribution of the different ruby elements over the base.

The ruby-align CSS property defines the distribution of the different ruby elements over the base.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/ruby-align">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def rubyMerge: Attr

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/ruby-merge">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The ruby-position CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over), under it (under), or between the characters, on their right side (inter-character).

The ruby-position CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over), under it (under), or between the characters, on their right side (inter-character).

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/ruby-position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
Inherited from
ColorOps
final def salmon: ValueT[Color]
Inherited from
ColorOps
final def sandybrown: ValueT[Color]
Inherited from
ColorOps
@inline

The scroll-behavior CSS property specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs. Any other scrolls, e.g. those that are performed by the user, are not affected by this property. When this property is specified on the root element, it applies to the viewport instead.

The scroll-behavior CSS property specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs. Any other scrolls, e.g. those that are performed by the user, are not affected by this property. When this property is specified on the root element, it applies to the viewport instead.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def seagreen: ValueT[Color]
Inherited from
ColorOps
final def seashell: ValueT[Color]
Inherited from
ColorOps
@inline

The shape-image-threshold CSS property defines the alpha channel threshold used to extract the shape using an image as the value for shape-outside. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.

The shape-image-threshold CSS property defines the alpha channel threshold used to extract the shape using an image as the value for shape-outside. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/shape-image-threshold">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The shape-margin CSS property adds a margin to shape-outside.

The shape-margin CSS property adds a margin to shape-outside.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/shape-margin">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def shapeOutside: Attr

The shape-outside CSS property uses shape values to define the float area for a float and will cause inline content to wrap around the shape instead of the float's bounding box.

The shape-outside CSS property uses shape values to define the float area for a float and will cause inline content to wrap around the shape instead of the float's bounding box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def sienna: ValueT[Color]
Inherited from
ColorOps
final def silver: ValueT[Color]
Inherited from
ColorOps
final def skyblue: ValueT[Color]
Inherited from
ColorOps
final def slateblue: ValueT[Color]
Inherited from
ColorOps
final def slategray: ValueT[Color]
Inherited from
ColorOps
final def slategrey: ValueT[Color]
Inherited from
ColorOps
final def snow: ValueT[Color]
Inherited from
ColorOps
final def solid: solid
Inherited from
TypedLiteralAliases
final def space: space
Inherited from
TypedLiteralAliases
Inherited from
ColorOps
final def start: start
Inherited from
TypedLiteralAliases
final def steelblue: ValueT[Color]
Inherited from
ColorOps
final def stepEnd: stepEnd
Inherited from
TypedLiteralAliases
final def stepStart: stepStart
Inherited from
TypedLiteralAliases
final def steps(steps: Int, direction: TimingFunctionDirection): steps
Inherited from
TypedLiteralAliases
@inline

The alignment-baseline attribute specifies how an object is aligned with respect to its parent.

The alignment-baseline attribute specifies how an object is aligned with respect to its parent.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/alignment-baseline">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.

The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/baseline-shift">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgClipRule: Attr

The clip-rule attribute only applies to graphics elements that are contained within a <clippath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clippath> definitions.

The clip-rule attribute only applies to graphics elements that are contained within a <clippath> element. The clip-rule attribute basically works as the fill-rule attribute, except that it applies to <clippath> definitions.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clip-rule">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.

The color-interpolation attribute specifies the color space for gradient interpolations, color animations, and alpha compositing.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-interpolation">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.

The color-interpolation-filters attribute specifies the color space for imaging operations performed via filter effects.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-interpolation-filters">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.

The color-profile attribute is used to define which color profile a raster image included through the <image> element should use.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-profile">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.

The color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color-rendering">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table.

The dominant-baseline attribute is used to determine or re-determine a scaled-baseline-table.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The enable-background is only applicable to container elements and specifies how the SVG user agents manages the accumulation of the background image.

The enable-background is only applicable to container elements and specifies how the SVG user agents manages the accumulation of the background image.

See also

<a href="http://www.w3.org/TR/SVG/filters.html#EnableBackgroundProperty">w3.org</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgFill: Attr

The fill attribute can be used to maintain the value of an animation after the active duration of an animation element ends. For shapes and text, the fill attribute is a presentation attribute that define the color of the interior of the given graphical element.

The fill attribute can be used to maintain the value of an animation after the active duration of an animation element ends. For shapes and text, the fill attribute is a presentation attribute that define the color of the interior of the given graphical element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

This attribute specifies the opacity of the color or the content the current object is filled with.

This attribute specifies the opacity of the color or the content the current object is filled with.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-opacity">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgFillRule: Attr

The fill-rule attribute indicates the algorithm which is to be used to determine what side of a path is inside the shape.

The fill-rule attribute indicates the algorithm which is to be used to determine what side of a path is inside the shape.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-rule">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgFloodColor: Attr

The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.

The flood-color attribute indicates what color to use to flood the current filter primitive subregion defined through the <feflood> element. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/flood-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.

The flood-opacity attribute indicates the opacity value to use across the current filter primitive subregion defined through the <feflood> element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/flood-opacity">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

This property is applied only to text written in a horizontal ‘writing-mode’.

This property is applied only to text written in a horizontal ‘writing-mode’.

See also

<a href="http://www.w3.org/TR/SVG/text.html#GlyphOrientationHorizontalProperty">w3.org</a>

Inherited from
AttrAliasesAndValueTRules
@inline

This property is applied only to text written in a vertical ‘writing-mode’.

This property is applied only to text written in a vertical ‘writing-mode’.

See also

<a href="http://www.w3.org/TR/SVG/text.html#GlyphOrientationVerticalProperty">w3.org</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgKerning: Attr

The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables

The kerning attribute indicates whether the browser should adjust inter-glyph spacing based on kerning tables

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.

The lighting-color attribute defines the color of the light source for filter primitives elements <fediffuselighting> and <fespecularlighting>.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/lighting-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgMarkerEnd: Attr

The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape.

The marker-end defines the arrowhead or polymarker that will be drawn at the final vertex of the given <path> element or basic shape.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/marker-end">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgMarkerMid: Attr

The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.

The marker-mid defines the arrowhead or polymarker that shall be drawn at every vertex other than the first and last vertex of the given <path> element or basic shape.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/marker-mid">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgMarkerStart: Attr

The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.

The marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given <path> element or basic shape.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/marker-start">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.

The creator of SVG content might want to provide a hint about what tradeoffs to make as the browser renders <path> element or basic shapes. The shape-rendering attribute provides these hints.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.

The stop-color attribute indicates what color to use at that gradient stop. The keyword currentColor and ICC colors can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stop-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stop-opacity attribute defines the opacity of a given gradient stop.

The stop-opacity attribute defines the opacity of a given gradient stop.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stop-opacity">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgStroke: svgStroke

The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.

The stroke attribute defines the color of the outline on a given graphical element. The default value for the stroke attribute is none.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.

The stroke-dasharray attribute controls the pattern of dashes and gaps used to stroke paths.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.

The stroke-dashoffset attribute specifies the distance into the dash pattern to start the dash.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.

The stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.

The stroke-linejoin attribute specifies the shape to be used at the corners of paths or basic shapes when they are stroked.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width.

The stroke-miterlimit imposes a limit on the ratio of the miter length to the stroke-width.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-miterlimit">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.

The stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-opacity">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgStrokeWidth: Attr

The stroke-width attribute specifies the width of the outline on the current object.

The stroke-width attribute specifies the width of the outline on the current object.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def svgTextAnchor: Attr

The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.

The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a given point.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-anchor">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def tabSize: Attr

The tab-size CSS property is used to customize the width of a tab (U+0009) character.

The tab-size CSS property is used to customize the width of a tab (U+0009) character.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/tab-size">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The table-layout CSS property defines the algorithm to be used to layout the table cells, rows, and columns.

The table-layout CSS property defines the algorithm to be used to layout the table cells, rows, and columns.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def tan: ValueT[Color]
Inherited from
ColorOps
final def teal: ValueT[Color]
Inherited from
ColorOps
@inline
final def textAlign: textAlign

The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements itself, only their inline content.

The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements itself, only their inline content.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-align">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.

The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The documentation about this has not yet been written; please consider contributing!

The documentation about this has not yet been written; please consider contributing!

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-combine-upright">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def textDecoration: Attr

The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink. Underline and overline decorations are positioned under the text, line-through over it.

The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink. Underline and overline decorations are positioned under the text, line-through over it.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-decoration-color CSS property sets the color used when drawing underlines, overlines, or strike-throughs specified by text-decoration-line. This is the preferred way to color these text decorations, rather than using combinations of other HTML elements.

The text-decoration-color CSS property sets the color used when drawing underlines, overlines, or strike-throughs specified by text-decoration-line. This is the preferred way to color these text decorations, rather than using combinations of other HTML elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-color">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-decoration-line CSS property sets what kind of line decorations are added to an element.

The text-decoration-line CSS property sets what kind of line decorations are added to an element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-decoration-style CSS property defines the style of the lines specified by text-decoration-line. The style applies to all lines, there is no way to define different style for each of the line defined by text-decoration-line.

The text-decoration-style CSS property defines the style of the lines specified by text-decoration-line. The style applies to all lines, there is no way to define different style for each of the line defined by text-decoration-line.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def textEmphasis: Attr

The text-emphasis property will apply special emphasis marks to the elements text. Slightly similar to the text-decoration property only that this property can have affect on the line-height. It also is noted that this is shorthand for text-emphasis-style and for text-emphasis-color.

The text-emphasis property will apply special emphasis marks to the elements text. Slightly similar to the text-decoration property only that this property can have affect on the line-height. It also is noted that this is shorthand for text-emphasis-style and for text-emphasis-color.

Note that text-emphasis-position is not reset in this shorthand. This is because typically the shape and color vary, but the position is consistent for a particular language throughout the document. Therefore the position should inherit independently.

See also

<a href="https://docs.webplatform.org/wiki/css/properties/text-emphasis">WPD</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-emphasis-color property specifies the foreground color of the emphasis marks.

The text-emphasis-color property specifies the foreground color of the emphasis marks.

See also

<a href="https://docs.webplatform.org/wiki/css/properties/text-emphasis-color">WPD</a>

Inherited from
AttrAliasesAndValueTRules
@inline

This property describes where emphasis marks are drawn at.

This property describes where emphasis marks are drawn at.

See also

<a href="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-position">w3.org</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-emphasis-style property applies special emphasis marks to an element's text.

The text-emphasis-style property applies special emphasis marks to an element's text.

See also

<a href="https://docs.webplatform.org/wiki/css/properties/text-emphasis-style">WPD</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-indent CSS property specifies how much horizontal space should be left before the beginning of the first line of the text content of an element. Horizontal spacing is with respect to the left (or right, for right-to-left layout) edge of the containing block element's box.

The text-indent CSS property specifies how much horizontal space should be left before the beginning of the first line of the text content of an element. Horizontal spacing is with respect to the left (or right, for right-to-left layout) edge of the containing block element's box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-orientation CSS property defines the orientation of the text in a line. This property only has an effect in vertical mode, that is when writing-mode is not horizontal-tb. It is useful to control the display of writing in languages using vertical script, but also to deal with vertical table headers.

The text-orientation CSS property defines the orientation of the text in a line. This property only has an effect in vertical mode, that is when writing-mode is not horizontal-tb. It is useful to control the display of writing in languages using vertical script, but also to deal with vertical table headers.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def textOverflow: Attr

The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, or display an ellipsis ('…', U+2026 Horizontal Ellipsis) or a Web author-defined string.

The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, or display an ellipsis ('…', U+2026 Horizontal Ellipsis) or a Web author-defined string.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def textRendering: Attr

The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text. The browser makes trade-offs among speed, legibility, and geometric precision. The text-rendering property is an SVG property that is not defined in any CSS standard. However, Gecko and WebKit browsers let you apply this property to HTML and XML content on Windows, Mac OS X and Linux.

The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text. The browser makes trade-offs among speed, legibility, and geometric precision. The text-rendering property is an SVG property that is not defined in any CSS standard. However, Gecko and WebKit browsers let you apply this property to HTML and XML content on Windows, Mac OS X and Linux.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def textShadow: Attr

The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and text-decorations of the element.

The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and text-decorations of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

On mobile devices, the text-size-adjust CSS property allows Web authors to control if and how the text-inflating algorithm is applied to the textual content of the element it is applied to.

On mobile devices, the text-size-adjust CSS property allows Web authors to control if and how the text-inflating algorithm is applied to the textual content of the element it is applied to.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def textStroke: Attr

Apple extension. Specifies the color of the outline (stroke) of text.

Apple extension. Specifies the color of the outline (stroke) of text.

See also

<a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-_webkit_text_stroke">Safari CSS Reference</a>

Inherited from
AttrAliasesAndValueTRules
@inline

Apple extension. Specifies the color of the outline (stroke) of text.

Apple extension. Specifies the color of the outline (stroke) of text.

See also

<a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266--webkit-text-stroke-color">Safari CSS Reference</a>

Inherited from
AttrAliasesAndValueTRules
@inline

Apple extension. Specifies the width for the text outline.

Apple extension. Specifies the width for the text outline.

See also

<a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266--webkit-text-stroke-width">Safari CSS Reference</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-underline-position">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def thick: thick
Inherited from
TypedLiteralAliases
final def thin: thin
Inherited from
TypedLiteralAliases
final def thistle: ValueT[Color]
Inherited from
ColorOps
final def tomato: ValueT[Color]
Inherited from
ColorOps
@inline
final def top: top

The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.

The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/top">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def touchAction: Attr

The touch-action CSS property specifies whether and how a given region can be manipulated by the user (for instance, by panning or zooming).

The touch-action CSS property specifies whether and how a given region can be manipulated by the user (for instance, by panning or zooming).

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def transform: Attr

The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.

The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transform">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The transform-origin CSS property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)

The transform-origin CSS property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def transition: Attr

The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.

The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transition">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.

The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.

The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.

The CSS transition-timing-function property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function">MDN</a>

Inherited from
AttrAliasesAndValueTRules

The transparent keyword represents a fully transparent color, i.e. the color seen will be the background color. Technically, it is a black with alpha channel at its minimum value and is a shortcut for rgba(0,0,0,0).

The transparent keyword represents a fully transparent color, i.e. the color seen will be the background color. Technically, it is a black with alpha channel at its minimum value and is a shortcut for rgba(0,0,0,0).

Inherited from
ColorOps
final def turquoise: ValueT[Color]
Inherited from
ColorOps
@inline

The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document. For example, if a block of text contains both left-to-right and right-to-left text then the user-agent uses a complex Unicode algorithm to decide how to display the text. This property overrides this algorithm and allows the developer to control the text embedding.

The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document. For example, if a block of text contains both left-to-right and right-to-left text then the user-agent uses a complex Unicode algorithm to decide how to display the text. This property overrides this algorithm and allows the developer to control the text embedding.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def unicodeRange: Attr

The unicode-range CSS descriptor sets the specific range of characters to be downloaded from a font defined by @font-face and made available for use on the current page.

The unicode-range CSS descriptor sets the specific range of characters to be downloaded from a font defined by @font-face and made available for use on the current page.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-range">MDN</a>

Inherited from
AttrAliasesAndValueTRules
def unsafeChild(n: String)(t: ToStyle*)(implicit c: Compose): UnsafeExt
Inherited from
DslBase
def unsafeExt(f: String => String)(t: ToStyle*)(implicit c: Compose): UnsafeExt
Inherited from
DslBase
def unsafeRoot(sel: String)(t: ToStyle*)(implicit c: Compose): UnsafeExt
Inherited from
DslBase
final def unset: unset
Inherited from
TypedLiteralAliases
@inline

Controls the actual Selection operation. This doesn't have any effect on content loaded as chrome, except in textboxes. A similar property 'user-focus' was proposed in early drafts of a predecessor of css3-ui but was rejected by the working group.

Controls the actual Selection operation. This doesn't have any effect on content loaded as chrome, except in textboxes. A similar property 'user-focus' was proposed in early drafts of a predecessor of css3-ui but was rejected by the working group.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/user-select">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.

The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def violet: ValueT[Color]
Inherited from
ColorOps
@inline

The visibility CSS property has two purposes:

The visibility CSS property has two purposes:

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/visibility">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def wheat: ValueT[Color]
Inherited from
ColorOps
final def white: ValueT[Color]
Inherited from
ColorOps
@inline

The white-space CSS property is used to to describe how white spaces inside the element is handled.

The white-space CSS property is used to to describe how white spaces inside the element is handled.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/white-space">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def whitesmoke: ValueT[Color]
Inherited from
ColorOps
@inline
final def widows: widows

The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing alone at the top of a page. Setting the widows property allows to prevent widows to be left.

The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing alone at the top of a page. Setting the widows property allows to prevent widows to be left.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/widows">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def width: width

The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.

The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/width">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def willChange: Attr

The will-change CSS property provides a way for authors to hint browsers about the kind of changes to be expected on an element, so that the browser can setup appropriate optimizations ahead of time before the element is actually changed.

The will-change CSS property provides a way for authors to hint browsers about the kind of changes to be expected on an element, so that the browser can setup appropriate optimizations ahead of time before the element is actually changed.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/will-change">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def wordBreak: wordBreak

The word-break CSS property is used to specify how (or if) to break lines within words.

The word-break CSS property is used to specify how (or if) to break lines within words.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/word-break">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The word-spacing CSS property specifies spacing behavior between tags and words.

The word-spacing CSS property specifies spacing behavior between tags and words.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline
final def wordWrap: wordWrap

The word-wrap CSS property is used to specify whether or not the browser may break lines within words in order to prevent overflow (in other words, force wrapping) when an otherwise unbreakable string is too long to fit in its containing box.

The word-wrap CSS property is used to specify whether or not the browser may break lines within words in order to prevent overflow (in other words, force wrapping) when an otherwise unbreakable string is too long to fit in its containing box.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap">MDN</a>

Inherited from
AttrAliasesAndValueTRules
@inline

The writing-mode CSS property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.

The writing-mode CSS property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode">MDN</a>

Inherited from
AttrAliasesAndValueTRules
final def yellow: ValueT[Color]
Inherited from
ColorOps
Inherited from
ColorOps
@inline
final def zIndex: zIndex

The z-index CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.

The z-index CSS property specifies the z-order of an element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.

See also

<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/z-index">MDN</a>

Inherited from
AttrAliasesAndValueTRules

Inherited fields

final val Domain: Domain
Inherited from
DslBase
final val Pseudo: Pseudo
Inherited from
DslBase
Inherited from
DslBase
final val Style: Style
Inherited from
DslBase
final val StyleF: StyleF
Inherited from
DslBase
final val StyleS: StyleS
Inherited from
DslBase

Extensions

Inherited extensions

extension (sc: StringContext)
inline def c(inline args: Any*): Color

c"#fc6" provides a validates Color

c"#fc6" provides a validates Color

Inherited from
Base

Implicits

Implicits

@inline
final implicit def toCondOps[C](x: C)(implicit f: C => Cond): CondOps

Inherited implicits

final implicit def CondMediaQuery(x: Query): Cond
Inherited from
DslBase
final implicit def CondPseudo(x: Pseudo): Cond
Inherited from
DslBase
final implicit def DslCond[C](x: C)(implicit f: C => Cond): DslCond
Inherited from
DslBase
@inline
final implicit def ToAVToAV(x: ToAV): AV
Inherited from
DslBase
final implicit def ToStyleAV(x: AV): ToStyle
Inherited from
DslBase
final implicit def ToStyleAVs(x: AVs): ToStyle
Inherited from
DslBase
final implicit def ToStyleCAV[C](x: (C, AV))(implicit f: C => Cond): ToStyle
Inherited from
DslBase
final implicit def ToStyleCAVs[C](x: (C, AVs))(implicit f: C => Cond): ToStyle
Inherited from
DslBase
final implicit def ToStyleStyleA(x: StyleA): ToStyle
Inherited from
DslBase
@inline
final implicit def ToStyleStyleS(x: StyleS): ToStyle
Inherited from
DslBase
final implicit def ToStyleToAV(x: ToAV): ToStyle
Inherited from
DslBase
final implicit def ToStyleUnsafeExt(x: UnsafeExt): ToStyle
Inherited from
DslBase
final implicit def ToStyleUnsafeExts(x: UnsafeExts): ToStyle
Inherited from
DslBase
@inline
final implicit def autoDslAV(a: AV): DslAV
Inherited from
DslBase
@inline
final implicit def autoDslAVs(a: AVs): DslAVs
Inherited from
DslBase
@inline
final implicit def autoDslAttr(a: Attr): DslAttr
Inherited from
DslBase
@inline
final implicit def autoDslAttrT(a: TypedAttrBase): DslAttrT
Inherited from
DslBase
@inline
final implicit def autoDslInt(a: Int): DslInt
Inherited from
DslBase
@inline
final implicit def autoDslNumD(a: Double): DslNum[Double]
Inherited from
DslBase
@inline
final implicit def autoDslNumI(a: Int): DslNum[Int]
Inherited from
DslBase
@inline
implicit def ruleAnywhere[L <: Literal & Anywhere, To <: ValueClass]: Rule[L, To]
Inherited from
Rules
@inline
implicit def ruleApply[From, To <: ValueClass](f: From)(implicit r: Rule[From, To]): ValueT[To]
Inherited from
Rules
@inline
implicit def ruleBrStyle_L[L <: Literal & BrStyle]: BrStyle <== L
Inherited from
Rules
@inline
Inherited from
Rules
@inline
implicit def ruleBrWidth_2[L <: Literal & BrWidth]: BrWidth <== L
Inherited from
Rules
@inline
implicit def ruleChain[A, B <: ValueClass, C <: ValueClass](implicit ab: Rule[A, B], bc: B >=> C): Rule[A, C]
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
implicit def ruleGapStyle_l[L <: Literal & GapStyle]: GapStyle <== L
Inherited from
Rules
@inline
implicit def ruleInteger_I: Integer <== Int
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
implicit def ruleLenPctNum_I: LenPctNum <== Int
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
implicit def ruleLenPct_L: LenPct <=< Len
Inherited from
Rules
@inline
implicit def ruleLenPct_P: LenPct <=< Pct
Inherited from
Rules
@inline
implicit def ruleLen_L[N]: Len <== Length[N]
Inherited from
Rules
@inline
implicit def ruleNumber_D: Number <== Double
Inherited from
Rules
@inline
implicit def ruleNumber_I: Number <== Int
Inherited from
Rules
@inline
Inherited from
Rules
@inline
implicit def rulePct_P[N]: Pct <== Percentage[N]
Inherited from
Rules
@inline
Inherited from
Rules
@inline
implicit def ruleTime_FD: Time <== FiniteDuration
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules
@inline
Inherited from
Rules