scalatags.generic

Styles

trait Styles[Builder, Output <: FragT, FragT] extends StyleMisc[Builder, Output, FragT]

Trait that contains the contents of the Styles object, so they can be mixed in to other objects if needed.

Linear Supertypes
StyleMisc[Builder, Output, FragT], Util[Builder, Output, FragT], LowPriUtil[Builder, Output, FragT], AnyRef, Any
Known Subclasses
*, *, all, all, styles, styles
Ordering
  1. Alphabetic
  2. By inheritance
Inherited
  1. Styles
  2. StyleMisc
  3. Util
  4. LowPriUtil
  5. AnyRef
  6. Any
  1. Hide All
  2. Show all
Learn more about member selection
Visibility
  1. Public
  2. All

Type Members

  1. abstract type ConcreteHtmlTag[T <: Output] <: TypedTag[Builder, T, FragT]

    Definition Classes
    Util

  2. implicit class SeqNode[A] extends Modifier[Builder]

    Allows you to modify a ConcreteHtmlTag by adding a Seq containing other nest-able objects to its list of children.

  3. trait TextAlign extends Style

Abstract Value Members

  1. implicit abstract def SeqFrag[A](xs: Seq[A])(implicit ev: (A) ⇒ Frag[Builder, FragT]): Frag[Builder, FragT]

    Renders an Seq of FragT into a single FragT

    Renders an Seq of FragT into a single FragT

    Definition Classes
    LowPriUtil

  2. implicit abstract def UnitFrag(u: Unit): Frag[Builder, FragT]

    Lets you put Unit into a scalatags tree, as a no-op.

    Lets you put Unit into a scalatags tree, as a no-op.

    Definition Classes
    LowPriUtil

  3. abstract def makeAbstractTypedTag[T <: Output](tag: String, void: Boolean, namespaceConfig: Namespace): ConcreteHtmlTag[T]

    Definition Classes
    Util

  4. implicit abstract def stringAttrX: AttrValue[Builder, String]

    Attributes
    protected[this]
    Definition Classes
    Util

  5. implicit abstract def stringPixelStyleX: PixelStyleValue[Builder, String]

    Attributes
    protected[this]
    Definition Classes
    Util

  6. implicit abstract def stringStyleX: StyleValue[Builder, String]

    Attributes
    protected[this]
    Definition Classes
    Util

  7. abstract def tag(s: String, void: Boolean = false): TypedTag[Builder, Output, FragT]

    Definition Classes
    Util

Concrete Value Members

  1. final def !=(arg0: AnyRef): Boolean

    Definition Classes
    AnyRef

  2. final def !=(arg0: Any): Boolean

    Definition Classes
    Any

  3. final def ##(): Int

    Definition Classes
    AnyRef → Any

  4. final def ==(arg0: AnyRef): Boolean

    Definition Classes
    AnyRef

  5. final def ==(arg0: Any): Boolean

    Definition Classes
    Any

  6. implicit def ArrayFrag[A](xs: Array[A])(implicit ev: (A) ⇒ Frag[Builder, FragT]): Frag[Builder, FragT]

    Renders an Seq of FragT into a single FragT

    Renders an Seq of FragT into a single FragT

    Definition Classes
    LowPriUtil

  7. implicit def ArrayNode[A](xs: Array[A])(implicit ev: (A) ⇒ Modifier[Builder]): SeqNode[A]

    Allows you to modify a ConcreteHtmlTag by adding an Array containing other nest-able objects to its list of children.

    Allows you to modify a ConcreteHtmlTag by adding an Array containing other nest-able objects to its list of children.

    Definition Classes
    Util

  8. implicit def OptionFrag[A](xs: Option[A])(implicit ev: (A) ⇒ Frag[Builder, FragT]): Frag[Builder, FragT]

    Renders an Option of FragT into a single FragT

    Renders an Option of FragT into a single FragT

    Definition Classes
    LowPriUtil

  9. implicit def OptionNode[A](xs: Option[A])(implicit ev: (A) ⇒ Modifier[Builder]): SeqNode[A]

    Allows you to modify a ConcreteHtmlTag by adding an Option containing other nest-able objects to its list of children.

    Allows you to modify a ConcreteHtmlTag by adding an Option containing other nest-able objects to its list of children.

    Definition Classes
    Util

  10. object alignContent extends Style

    The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis.

  11. object alignItems extends Style

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

  12. object alignSelf extends Style

    The align-self CSS property aligns flex items of the current flex line overriding the align-items value.

  13. final def asInstanceOf[T0]: T0

    Definition Classes
    Any

  14. def attr(s: String, ns: Namespace = null, raw: Boolean = false): Attr

    Constructs an Attr attribute object from a string; can be used inline:

    Constructs an Attr attribute object from a string; can be used inline:

    div(
attr("hello-world-special-attr") := "foo
)

    Or assigned to a name and used later

    val hello = attr("hello-world-special-attr")
div(
  hello := "foo
)
    Definition Classes
    Util

  15. lazy val background: Style

    The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet.

    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.

    MDN

  16. object backgroundAttachment extends Style

    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.

  17. object backgroundClip extends Style

    The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.

  18. lazy val backgroundColor: Style

    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.

    MDN

  19. lazy val backgroundImage: MultiImageStyle

    The CSS background-image property sets one or several background images for an element.

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

    MDN

  20. object backgroundOrigin extends Style

    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.

  21. lazy val backgroundPosition: Style

    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.

    MDN

  22. lazy val backgroundRepeat: Style

    The background-repeat CSS property defines how background images are repeated.

    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, or not repeated at all. When the repetition of the image tiles doesn't let them exactly cover the background, the way adjustments are done can be controlled by the author: by default, the last image is clipped, but the different tiles can instead be re-sized, or space can be inserted between the tiles.

    MDN

  23. object backgroundSize extends Style

    The background-size CSS property specifies the size of the background images.

  24. lazy val border: Style

    The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet.

    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.

    MDN

  25. lazy val borderBottom: Style

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

    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.

    MDN

  26. lazy val borderBottomColor: Style

    The border-bottom-color CSS property sets the color of the bottom border of an element.

    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.

    MDN

  27. lazy val borderBottomLeftRadius: BorderRadius

    The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element.

    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.

    MDN

  28. lazy val borderBottomRightRadius: BorderRadius

    The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element.

    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.

    MDN

  29. lazy val borderBottomStyle: BorderStyle

    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.

    MDN

  30. lazy val borderBottomWidth: BorderWidth

    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.

    MDN

  31. object borderCollapse extends Style

    The border-collapse CSS property selects a table's border model.

  32. lazy val borderColor: Style

    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

    MDN

  33. lazy val borderLeft: Style

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

    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 three values of the shorthand property can be specified in any order, and one or two of them may be omitted.

    MDN

  34. lazy val borderLeftColor: Style

    The border-right-color CSS property sets the color of the right border of an element.

    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.

    MDN

  35. lazy val borderLeftStyle: BorderStyle

    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.

    MDN

  36. lazy val borderLeftWidth: BorderWidth

    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.

    MDN

  37. lazy val borderRadius: Style

    The border-radius CSS property allows Web authors to define how rounded border corners are.

    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.

    MDN

  38. lazy val borderRight: Style

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

    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.

    MDN

  39. lazy val borderRightColor: Style

    The border-right-color CSS property sets the color of the top border of an element.

    The border-right-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-right are more convenient and preferable.

    MDN

  40. lazy val borderRightStyle: BorderStyle

    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.

    MDN

  41. lazy val borderRightWidth: BorderWidth

    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.

    MDN

  42. object borderSpacing extends Style

    The border-spacing CSS property specifies the distance between the borders of adjacent cells (only for the separated borders model).

  43. lazy val borderStyle: Style

    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.

    MDN

  44. lazy val borderTop: Style

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

    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.

    MDN

  45. lazy val borderTopColor: Style

    The border-top-color CSS property sets the color of the top border of an element.

    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.

    MDN

  46. lazy val borderTopLeftRadius: BorderRadius

    The border-top-left-radius CSS property sets the rounding of the top-left corner of the element.

    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.

    MDN

  47. lazy val borderTopRightRadius: BorderRadius

    The border-top-right-radius CSS property sets the rounding of the top-right corner of the element.

    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.

    MDN

  48. lazy val borderTopStyle: BorderStyle

    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.

    MDN

  49. lazy val borderTopWidth: BorderWidth

    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.

    MDN

  50. lazy val borderWidth: Style

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

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

    MDN

  51. lazy val bottom: PixelAutoStyle

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

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

    For absolutely positioned elements, that is those with position: absolute or position: fixed, it specifies the distance between the bottom margin edge of the element and the bottom edge of its containing block.

    For relatively positioned elements, that is those with position: relative, it specifies the distance the element is moved above its normal position.

    However, the top property overrides the bottom property, so if top is not auto, the computed value of bottom is the negative of the computed value of top.

    MDN

  52. lazy val boxShadow: Style

    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. It allows casting a drop shadow from the frame of almost any element. If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple text shadows (the first specified shadow is on top).

    MDN

  53. object boxSizing extends Style

    The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements.

  54. object captionSide extends Style

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

  55. object clear extends Style

    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.

  56. object clip extends Style

    The clip CSS property defines what portion of an element is visible.

  57. def clone(): AnyRef

    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

  58. object color extends CurrentColor

    The CSS color property sets the foreground color of an element's text content, and its decorations.

  59. def css(s: String): Style

    Constructs a CSS Style from a string, can be used inline

    Constructs a CSS Style from a string, can be used inline

    div(
css("-moz-special-style") := "foo"
)

    Or assigned to a name and used later

    val mozSpecial := css("-moz-special-style")
div(
  mozSpecial := "foo"
)
    Definition Classes
    Util

  60. object cursor extends Style

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

  61. object direction extends Style

    Set the direction CSS property to match the direction of the text: rtl for Hebrew or Arabic text and ltr for other scripts.

  62. object display extends Style

    The display CSS property specifies the type of rendering box used for an element.

  63. object emptyCells extends Style

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

  64. final def eq(arg0: AnyRef): Boolean

    Definition Classes
    AnyRef

  65. def equals(arg0: Any): Boolean

    Definition Classes
    AnyRef → Any

  66. def finalize(): Unit

    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( classOf[java.lang.Throwable] )

  67. final lazy val flex: Style

    The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space.

    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.

    MDN

  68. final lazy val flexBasis: Style

    The CSS flex-basis property specifies the flex basis which is the initial main size of a flex item.

    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.

    MDN

  69. object flexDirection extends Style

    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).

  70. final lazy val flexGrow: Style

    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.

    MDN

  71. final lazy val flexShrink: Style

    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.

    MDN

  72. object flexWrap extends Style

    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.

  73. object float extends Style

    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.

  74. lazy val font: Style

    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.

    MDN

  75. lazy val fontFamily: Style

    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.

    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.

    MDN

  76. lazy val fontFeatureSettings: Style

    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.

    MDN

  77. object fontSize extends Style

    The font-size CSS property specifies the size of the font – specifically the desired height of glyphs from the font.

  78. lazy val fontSizeAdjust: Style

    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.

    This is useful since the legibility of fonts, especially at small sizes, is determined more by the size of lowercase letters than by the size of capital letters. This can cause problems when the first-choice font-family is unavailable and its replacement has a significantly different aspect ratio (the ratio of the size of lowercase letters to the size of the font).

    MDN

  79. object fontStyle extends Style

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

  80. object fontWeight extends Style

    The font-weight CSS property specifies the weight or boldness of the font.

  81. def frag(frags: Frag[Builder, FragT]*): Frag[Builder, FragT]

    Definition Classes
    Util

  82. final def getClass(): Class[_]

    Definition Classes
    AnyRef → Any

  83. def hashCode(): Int

    Definition Classes
    AnyRef → Any

  84. lazy val height: PixelAutoStyle

    The height CSS property specifies the height of the content area of an 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.

    The min-height and max-height properties override height.

    MDN

  85. final def isInstanceOf[T0]: Boolean

    Definition Classes
    Any

  86. object justifyContent extends Style

    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.

  87. lazy val left: PixelAutoStyle

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

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

    For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the left margin edge of the element and the left edge of its containing block.

    MDN

  88. lazy val letterSpacing: NormalOpenStyle

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

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

    MDN

  89. lazy val lineHeight: NormalOpenStyle

    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.

    On non-replaced inline elements, line-height specifies the height that is used in the calculation of the line box height.

    On replaced inline elements, like buttons or other input element, line-height has no effect.

    MDN

  90. lazy val listStyle: Style

    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.

    MDN

  91. object listStyleImage extends Style

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

  92. object listStylePosition extends Style

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

  93. object listStyleType extends Style

    The list-style-type CSS property specifies appearance of a list item element.

  94. object margin extends PixelStyle

    The margin CSS property sets the margin for all four sides.

  95. lazy val marginBottom: PixelAutoStyle

    The margin-bottom CSS property of an element sets the margin space required on the bottom of an element.

    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.

    MDN

  96. lazy val marginLeft: PixelStyle with MarginAuto

    The margin-left CSS property of an element sets the margin space required on the left side of a box associated with an element.

    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 vertical margins of two adjacent boxes may fuse. This is called margin collapsing.

    MDN

  97. lazy val marginRight: PixelStyle with MarginAuto

    The margin-right CSS property of an element sets the margin space required on the bottom of an element.

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

    MDN

  98. lazy val marginTop: PixelStyle with MarginAuto

    The margin-top CSS property of an element sets the margin space required on the top of an element.

    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.

    MDN

  99. object mask extends Style

    If the value is a URI value, the element pointed to by the URI is used as an SVG mask.

  100. lazy val maxHeight: MaxLengthStyle

    The max-height CSS property is used to set the maximum height of a given element.

    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.

    max-height overrides height, but min-height overrides max-height.

    MDN

  101. lazy val maxWidth: MaxLengthStyle

    The max-width CSS property is used to set the maximum width of a given element.

    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.

    max-width overrides width, but min-width overrides max-width.

    MDN

  102. lazy val minHeight: MinLengthStyle

    The min-height CSS property is used to set the minimum height of a given element.

    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 value of min-height overrides both max-height and height.

    MDN

  103. lazy val minWidth: MinLengthStyle

    The min-width CSS property is used to set the minimum width of a given element.

    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 value of min-width overrides both max-width and width.

    MDN

  104. def modifier(mods: Modifier[Builder]*): Modifier[Builder]

    Definition Classes
    Util

  105. final def ne(arg0: AnyRef): Boolean

    Definition Classes
    AnyRef

  106. final def notify(): Unit

    Definition Classes
    AnyRef

  107. final def notifyAll(): Unit

    Definition Classes
    AnyRef

  108. lazy val opacity: Style

    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.

    The value applies to the element as a whole, including its contents, even though the value is not inherited by child elements. Thus, an element and its contained children all have the same opacity relative to the element's background, even if the element and its children have different opacities relative to one another.

    Using this property with a value different than 1 places the element in a new stacking context.

    MDN

  109. lazy val outline: Style

    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 rule.

    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 rule. In most cases the use of this shortcut is preferable and more convenient.

    Outlines do not take up space, they are drawn above the content.

    MDN

  110. object outlineColor extends Style

    The outline-color CSS property sets the color of the outline of an element.

  111. lazy val outlineStyle: OutlineStyle

    The outline-style CSS property is used to set the style of the outline of an element.

    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.

    MDN

  112. object outlineWidth extends Style

    The outline-width CSS property is used to set the width of the outline of an element.

  113. object overflow extends Overflow

    The overflow CSS property specifies whether to clip content, render scroll bars or display overflow content of a block-level element.

  114. lazy val overflowX: Overflow

    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.

    MDN

  115. lazy val overflowY: Overflow

    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.

    MDN

  116. lazy val padding: PixelStyle

    The padding CSS property sets the required padding space on all sides of an element.

    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 property is a shorthand to avoid setting each side separately (padding-top, padding-right, padding-bottom, padding-left).

    MDN

  117. lazy val paddingBottom: PixelStyle

    The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element.

    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.

    MDN

  118. lazy val paddingLeft: PixelStyle

    The padding-left CSS property of an element sets the padding space required on the left side of an element.

    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.

    MDN

  119. lazy val paddingRight: PixelStyle

    The padding-right CSS property of an element sets the padding space required on the right side of an element.

    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.

    MDN

  120. lazy val paddingTop: PixelStyle

    The padding-top CSS property of an element sets the padding space required on the top of an element.

    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.

    MDN

  121. object pointerEvents extends Style

    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.

  122. object position extends Style

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

  123. object quotes extends Style

  124. lazy val right: PixelAutoStyle

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

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

    For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the right margin edge of the element and the right edge of its containing block.

    The right property has no effect on non-positioned elements.

    When both the right CSS property and the left CSS property are defined, the position of the element is overspecified. In that case, the left value has precedence when the container is left-to-right (that is that the right computed value is set to -left), and the right value has precedence when the container is right-to-left (that is that the left computed value is set to -right).

    MDN

  125. final def synchronized[T0](arg0: ⇒ T0): T0

    Definition Classes
    AnyRef

  126. object tableLayout extends Style

  127. lazy val textAlign: Style with TextAlign

    The text-align CSS property describes how inline content like text is aligned in its parent block element.

    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.

    MDN

  128. lazy val textAlignLast: Style with TextAlign

    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.

    MDN

  129. object textDecoration extends Style

    The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.

  130. lazy val textIndent: Style

    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.

    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.

    MDN

  131. object textOverflow extends Style

    The text-overflow CSS property determines how overflowed content that is not displayed is signaled to the users.

  132. lazy val textShadow: NoneOpenStyle

    The text-shadow CSS property adds shadows to text.

    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.

    Each shadow is specified as an offset from the text, along with optional color and blur radius values.

    Multiple shadows are applied front-to-back, with the first-specified shadow on top.

    MDN

  133. object textTransform extends Style

    The text-transform CSS property specifies how to capitalize an element's text.

  134. object textUnderlinePosition extends Style

    The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.

  135. def toString(): String

    Definition Classes
    AnyRef → Any

  136. lazy val top: PixelAutoStyle

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

    The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.

    For absolutely positioned elements (those with position: absolute or position: fixed), it specifies the distance between the top margin edge of the element and the top edge of its containing block.

    For relatively positioned elements (those with position: relative), it specifies the amount the element is moved below its normal position.

    When both top and bottom are specified, the element position is over-constrained and the top property has precedence: the computed value of bottom is set to -top, while its specified value is ignored.

    MDN

  137. lazy val transition: Style

    The CSS transition property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.

    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.

    MDN

  138. lazy val transitionDelay: MultiTimeStyle

    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.

    A value of 0s, or 0ms, indicates that the property will begin to animate its transition immediately when the value changes; positive values will delay the start of the transition effect for the corresponding number of seconds. Negative values cause the transition to begin immediately, but to cause the transition to seem to begin partway through the animation effect.

    You may specify multiple delays; each delay will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer delays specified than in the master list, missing values are set to the initial value (0s). If there are more delays, the list is simply truncated to the right size. In both case the CSS declaration stays valid.

    MDN

  139. lazy val transitionDuration: MultiTimeStyle

    The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete.

    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.

    You may specify multiple durations; each duration will be applied to the corresponding property as specified by the transition-property property, which acts as a master list. If there are fewer durations specified than in the master list, the user agent repeat the list of durations. If there are more durations, the list is simply truncated to the right size. In both case the CSS declaration stays valid.

    MDN

  140. lazy val transitionProperty: Style

    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.

    MDN

  141. lazy val transitionTimingFunction: Style

    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.

    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.

    MDN

  142. object verticalAlign extends Style

    The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.

  143. object visibility extends Style

  144. final def wait(): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

  145. final def wait(arg0: Long, arg1: Int): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

  146. final def wait(arg0: Long): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )

  147. object whiteSpace extends Style

    The white-space CSS property is used to to describe how whitespace inside the element is handled.

  148. lazy val width: PixelAutoStyle

    The width CSS property specifies the width of the content area of an 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.

    The min-width and max-width properties override width.

    MDN

  149. lazy val wordSpacing: NormalOpenStyle

    The word-spacing CSS property specifies spacing behavior between tags and words.

    The word-spacing CSS property specifies spacing behavior between tags and words.

    MDN

  150. object wordWrap extends Style

  151. lazy val zIndex: AutoStyle

    The z-index CSS property specifies the z-order of an element and its descendants.

    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.

    MDN

Inherited from StyleMisc[Builder, Output, FragT]

Inherited from Util[Builder, Output, FragT]

Inherited from LowPriUtil[Builder, Output, FragT]

Inherited from AnyRef

Inherited from Any

Ungrouped