Trait

com.raquo.domtypes.generic.defs.styles

Styles2

Related Doc: package styles

Permalink

trait Styles2[StyleSetter] extends StylesMisc[StyleSetter]

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

For type params docs, see StyleBuilders

Self Type
Styles2[StyleSetter] with StyleBuilders[StyleSetter]
Linear Supertypes
StylesMisc[StyleSetter], AnyRef, Any
Ordering
  1. Alphabetic
  2. By Inheritance
Inherited
  1. Styles2
  2. StylesMisc
  3. AnyRef
  4. Any
  1. Hide All
  2. Show All
Visibility
  1. Public
  2. All

Type Members

  1. class AutoStyle[V] extends Style[V]

    Permalink

    A Style that takes any value of type T as a parameter and has an auto value

    A Style that takes any value of type T as a parameter and has an auto value

    Definition Classes
    StylesMisc
  2. class BorderRadius extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  3. class BorderStyle extends (StylesMisc.this)#OutlineStyle

    Permalink
    Definition Classes
    StylesMisc
  4. class BorderWidth extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  5. trait MarginAuto extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  6. class MaxLengthStyle extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  7. class MinLengthStyle extends (StylesMisc.this)#AutoStyle[String]

    Permalink
    Definition Classes
    StylesMisc
  8. class MultiImageStyle extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  9. class MultiTimeStyle extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  10. class NoneOpenStyle[V] extends Style[V]

    Permalink

    A Style that takes any value of type T as a parameter and has an none value

    A Style that takes any value of type T as a parameter and has an none value

    Definition Classes
    StylesMisc
  11. class NormalOpenStyle[V] extends Style[V]

    Permalink

    A Style that takes any value of type T as a parameter and has an normal value

    A Style that takes any value of type T as a parameter and has an normal value

    Definition Classes
    StylesMisc
  12. class OutlineStyle extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  13. class Overflow extends Style[String]

    Permalink
    Definition Classes
    StylesMisc
  14. class PageBreak extends Style[String]

    Permalink
    Definition Classes
    StylesMisc

Value Members

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

    Permalink
    Definition Classes
    AnyRef → Any
  2. final def ##(): Int

    Permalink
    Definition Classes
    AnyRef → Any
  3. final def ==(arg0: Any): Boolean

    Permalink
    Definition Classes
    AnyRef → Any
  4. lazy val animation: Style[String]

    Permalink

    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

  5. lazy val animationDelay: (Styles2.this)#MultiTimeStyle

    Permalink

    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

  6. lazy val animationDirection: Style[String]

    Permalink

    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

  7. lazy val animationDuration: Style[String]

    Permalink

    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

  8. lazy val animationFillMode: Style[String]

    Permalink

    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

  9. lazy val animationIterationCount: Style[Int]

    Permalink

    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

  10. lazy val animationName: Style[String]

    Permalink

    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

  11. lazy val animationPlayState: Style[String]

    Permalink

    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

  12. lazy val animationTimingFunction: Style[String]

    Permalink

    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

  13. final def asInstanceOf[T0]: T0

    Permalink
    Definition Classes
    Any
  14. object backfaceVisibility extends Style[String]

    Permalink

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

    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.

    MDN

  15. def clone(): AnyRef

    Permalink
    Attributes
    protected[java.lang]
    Definition Classes
    AnyRef
    Annotations
    @HotSpotIntrinsicCandidate() @throws( ... )
  16. lazy val columnCount: (Styles2.this)#AutoStyle[Int]

    Permalink

    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

  17. object columnFill extends Style[String]

    Permalink

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

    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.

    MDN

  18. lazy val columnGap: (Styles2.this)#NormalOpenStyle[String]

    Permalink

    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

  19. lazy val columnRule: Style[String]

    Permalink

    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

  20. lazy val columnRuleColor: Style[String]

    Permalink

    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

  21. object columnRuleStyle extends (Styles2.this)#OutlineStyle

    Permalink

    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.

    MDN

  22. object columnRuleWidth extends Style[String]

    Permalink

    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.

    MDN

  23. object columnSpan extends Style[Int]

    Permalink

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

    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.

    MDN

  24. lazy val columnWidth: (Styles2.this)#AutoStyle[Int]

    Permalink

    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

  25. object columns extends Style[String]

    Permalink

    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.

    MDN

  26. lazy val content: Style[String]

    Permalink

    The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element.

    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.

    MDN

  27. lazy val counterIncrement: Style[String]

    Permalink

    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

  28. lazy val counterReset: Style[String]

    Permalink

    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

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

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

    Permalink
    Definition Classes
    AnyRef → Any
  31. final def getClass(): Class[_]

    Permalink
    Definition Classes
    AnyRef → Any
    Annotations
    @HotSpotIntrinsicCandidate()
  32. def hashCode(): Int

    Permalink
    Definition Classes
    AnyRef → Any
    Annotations
    @HotSpotIntrinsicCandidate()
  33. final def isInstanceOf[T0]: Boolean

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

    Permalink
    Definition Classes
    AnyRef
  35. final def notify(): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @HotSpotIntrinsicCandidate()
  36. final def notifyAll(): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @HotSpotIntrinsicCandidate()
  37. lazy val orphans: Style[Int]

    Permalink

    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

  38. lazy val pageBreakAfter: (Styles2.this)#PageBreak

    Permalink

    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

  39. lazy val pageBreakBefore: (Styles2.this)#PageBreak

    Permalink

    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

  40. lazy val pageBreakInside: (Styles2.this)#PageBreak

    Permalink

    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

  41. lazy val perspective: (Styles2.this)#NoneOpenStyle[String]

    Permalink

    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

  42. lazy val perspectiveOrigin: Style[String]

    Permalink

    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

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

    Permalink
    Definition Classes
    AnyRef
  44. def toString(): String

    Permalink
    Definition Classes
    AnyRef → Any
  45. lazy val transform: Style[String]

    Permalink

    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

  46. lazy val transformOrigin: Style[String]

    Permalink

    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

  47. object transformStyle extends Style[String]

    Permalink

    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.

    MDN

  48. object unicodeBidi extends Style[String]

    Permalink

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

    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.

    MDN

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

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

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  51. final def wait(): Unit

    Permalink
    Definition Classes
    AnyRef
    Annotations
    @throws( ... )
  52. lazy val widows: Style[Int]

    Permalink

    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

  53. object wordBreak extends Style[String]

    Permalink

    The word-break CSS property specifies whether or not the browser should insert line breaks wherever the text would otherwise overflow its content box.

    The word-break CSS property specifies whether or not the browser should insert line breaks wherever the text would otherwise overflow its content box.

    MDN

Deprecated Value Members

  1. def finalize(): Unit

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

    (Since version ) see corresponding Javadoc for more information.

Inherited from StylesMisc[StyleSetter]

Inherited from AnyRef

Inherited from Any

Ungrouped