scalatags.generic

Styles2

trait Styles2[Builder, Output] extends StyleMisc[Builder, Output]

Contains CSS styles which are used less frequently. These are not imported by default to avoid namespace pollution.

Linear Supertypes
StyleMisc[Builder, Output], Util[Builder, Output], AnyRef, Any
Known Subclasses
Ordering
  1. Alphabetic
  2. By inheritance
Inherited
  1. Styles2
  2. StyleMisc
  3. Util
  4. AnyRef
  5. 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]

    Definition Classes
    Util
  2. implicit class ExtendedString extends AnyRef

    Provides extension methods on strings to fit them into Scalatag fragments.

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

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

Abstract Value Members

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

    Definition Classes
    Util
  2. implicit abstract def stringAttr: AttrValue[Builder, String]

    Attributes
    protected[this]
    Definition Classes
    Util
  3. implicit abstract def stringStyle: StyleValue[Builder, String]

    Attributes
    protected[this]
    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 ArrayNode[A](xs: Array[A])(implicit arg0: (A) ⇒ Modifier[Builder]): SeqNode[A]

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

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

    Definition Classes
    Util
  7. implicit def OptionNode[A](xs: Option[A])(implicit arg0: (A) ⇒ Modifier[Builder]): SeqNode[A]

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

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

    Definition Classes
    Util
  8. implicit def UnitNode(u: Unit): Modifier[Builder]

    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
    Util
  9. val animation: Style

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

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

    MDN

  10. val animationDelay: MultiTimeStyle

    The animation-delay CSS property specifies when the animation should start.

    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.

    A value of 0s, which is the default value of the property, indicates that the animation should begin as soon as it's applied. Otherwise, the value specifies an offset from the moment the animation is applied to the element; animation will begin that amount of time after being applied.

    Specifying a negative value for the animation delay causes the animation to begin executing immediately. However, it will appear to have begun executing partway through its cycle. For example, if you specify -1s as the animation delay time, the animation will begin immediately but will start 1 second into the animation sequence.

    If you specify a negative value for the animation delay, but the starting value is implicit, the starting value is taken from the moment the animation is applied to the element.

    MDN

  11. val animationDirection: Style

    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.

    MDN

  12. val animationDuration: Style

    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.

    A value of 0s, which is the default value, indicates that no animation should occur.

    MDN

  13. val animationFillMode: Style

    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.

    MDN

  14. val animationIterationCount: Style

    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.

    MDN

  15. val animationName: Style

    The animation-name CSS property specifies a list of animations that should be applied to the selected element.

    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.

    MDN

  16. val animationPlayState: Style

    The animation-play-state CSS property determines whether an animation is running or paused.

    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.

    Resuming a paused animation will start the animation from where it left off at the time it was paused, rather than starting over from the beginning of the animation sequence.

    MDN

  17. val animationTimingFunction: Style

    The CSS animation-timing-function property specifies how a CSS animation should progress over the duration of each cycle.

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

    For keyframed animations, the timing function applies between keyframes rather than over the entire animation. In other words, the timing function is applied at the start of the keyframe and at the end of the keyframe.

    An animation timing function defined within a keyframe block applies to that keyframe; otherwise. If no timing function is specified for the keyframe, the timing function specified for the overall animation is used.

    MDN

  18. final def asInstanceOf[T0]: T0

    Definition Classes
    Any
  19. object backfaceVisibility extends Style

    The CSS backface-visibility property determines whether or not the back face of the element is visible when facing the user.

  20. def clone(): AnyRef

    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  21. val columnCount: AutoStyle[Int]

    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.

    MDN

  22. object columnFill extends Style

    The column-fill CSS property controls how contents are partitioned into columns.

  23. val columnGap: NormalOpenStyle[String]

    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.

    MDN

  24. val columnRule: Style

    In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column.

    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.

    MDN

  25. val columnRuleColor: Style

    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.

    MDN

  26. object columnRuleStyle extends OutlineStyle

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

  27. object columnRuleWidth extends Style

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

  28. object columnSpan extends Style

    The column-span CSS property makes it possible for an element to span across all columns when its value is set to all.

  29. val columnWidth: AutoStyle[String]

    The column-width CSS property suggests an optimal column 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

    MDN

  30. object columns extends Style

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

  31. val counterIncrement: Style

    The counter-increment CSS property is used to increase the value of CSS Counters by a given value.

    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.

    MDN

  32. val counterReset: Style

    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.

    MDN

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

    Definition Classes
    AnyRef
  34. def equals(arg0: Any): Boolean

    Definition Classes
    AnyRef → Any
  35. def finalize(): Unit

    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @throws( classOf[java.lang.Throwable] )
  36. final def getClass(): Class[_]

    Definition Classes
    AnyRef → Any
  37. def hashCode(): Int

    Definition Classes
    AnyRef → Any
  38. final def isInstanceOf[T0]: Boolean

    Definition Classes
    Any
  39. final def ne(arg0: AnyRef): Boolean

    Definition Classes
    AnyRef
  40. final def notify(): Unit

    Definition Classes
    AnyRef
  41. final def notifyAll(): Unit

    Definition Classes
    AnyRef
  42. val orphans: Style

    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.

    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.

    MDN

  43. val pageBreakAfter: PageBreak

    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.

    MDN

  44. val pageBreakBefore: PageBreak

    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.

    This properties applies to block elements that generate a box. It won't apply on an empty div that won't generate a box.

    MDN

  45. val pageBreakInside: PageBreak

    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.

    MDN

  46. val perspective: NoneOpenStyle[String]

    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.

    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.

    MDN

  47. val perspectiveOrigin: Style

    The perspective-origin CSS property determines the position the viewer is looking at.

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

    MDN

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

    Definition Classes
    AnyRef
  49. def toString(): String

    Definition Classes
    AnyRef → Any
  50. val transform: Style

    The CSS transform property lets you modify the coordinate space of the CSS visual formatting model.

    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.

    If the property has a value different than none, a stacking context will be created. In that case the object will act as a containing block for position: fixed elements that it contains.

    MDN

  51. val transformOrigin: Style

    The transform-origin CSS property lets you modify the origin for transformations of an element.

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

    Not explicitely set values are reset to their corresponding values.

    MDN

  52. object transformStyle extends Style

    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.

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

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

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

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

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

  58. object unicodeBidi extends Style

    The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document.

  59. final def wait(): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  60. final def wait(arg0: Long, arg1: Int): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  61. final def wait(arg0: Long): Unit

    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  62. val widows: Style

    The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media.

    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.

    On a non-paged media, like screen, the widows CSS property has no effect.

    MDN

  63. object wordBreak extends Style

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

Inherited from StyleMisc[Builder, Output]

Inherited from Util[Builder, Output]

Inherited from AnyRef

Inherited from Any

Ungrouped