renlin/net.kigawa.renlin.css/CssDsl

CssDsl

class CssDsl

CSS記述用のDSL（全プロパティ対応 + 疑似クラス対応）

Constructors

constructor()

Properties

var alignContent: AlignContent?

var alignItems: AlignItems?

var alignSelf: AlignSelf?

var animation: CssValue?

var animationDelay: CssValue?

animationDirection

var animationDirection: CssValue?

animationDuration

var animationDuration: CssValue?

animationFillMode

var animationFillMode: CssValue?

animationIterationCount

var animationIterationCount: CssValue?

var animationName: CssValue?

animationPlayState

var animationPlayState: CssValue?

animationTimingFunction

var animationTimingFunction: CssValue?

var background: CssValue?

backgroundAttachment

var backgroundAttachment: BackgroundAttachment?

backgroundColor

var backgroundColor: CssColor?

backgroundImage

var backgroundImage: CssValue?

backgroundPosition

var backgroundPosition: BackgroundPosition?

backgroundRepeat

var backgroundRepeat: BackgroundRepeat?

var backgroundSize: BackgroundSize?

var border: CssValue?

var borderBottom: CssValue?

var borderColor: CssColor?

var borderLeft: CssValue?

var borderRadius: CssValue?

var borderRight: CssValue?

var borderStyle: BorderStyle?

var borderTop: CssValue?

var borderWidth: CssValue?

var bottom: CssValue?

var boxShadow: CssValue?

var boxSizing: BoxSizing?

var clear: Clear?

var color: CssColor?

var columnGap: CssValue?

var content: CssValue?

var cursor: Cursor?

var display: Display?

var flex: CssValue?

var flexBasis: CssValue?

var flexDirection: FlexDirection?

var flexGrow: CssValue?

var flexShrink: CssValue?

var flexWrap: FlexWrap?

var float: Float?

var fontFamily: CssValue?

var fontSize: CssValue?

var fontStyle: FontStyle?

var fontVariant: FontVariant?

var fontWeight: FontWeight?

var gap: CssValue?

var grid: CssValue?

var gridArea: CssValue?

gridAutoColumns

var gridAutoColumns: CssValue?

var gridAutoFlow: GridAutoFlow?

var gridAutoRows: CssValue?

var gridColumn: CssValue?

var gridColumnEnd: CssValue?

gridColumnStart

var gridColumnStart: CssValue?

var gridRow: CssValue?

var gridRowEnd: CssValue?

var gridRowStart: CssValue?

var gridTemplate: CssValue?

gridTemplateAreas

var gridTemplateAreas: CssValue?

gridTemplateColumns

var gridTemplateColumns: CssValue?

gridTemplateRows

var gridTemplateRows: CssValue?

var height: CssValue?

var justifyContent: JustifyContent?

var justifyItems: JustifyItems?

var justifySelf: JustifySelf?

var left: CssValue?

var letterSpacing: CssValue?

var lineHeight: CssValue?

var listStyle: CssValue?

var listStyleImage: CssValue?

listStylePosition

var listStylePosition: CssValue?

var listStyleType: CssValue?

var margin: CssValue?

var marginBottom: CssValue?

var marginLeft: CssValue?

var marginRight: CssValue?

var marginTop: CssValue?

var maxHeight: CssValue?

var maxWidth: CssValue?

var minHeight: CssValue?

var minWidth: CssValue?

var objectFit: ObjectFit?

var objectPosition: CssValue?

var opacity: CssValue?

var order: CssValue?

var outline: CssValue?

var outlineColor: CssColor?

var outlineOffset: CssValue?

var outlineStyle: CssValue?

var outlineWidth: CssValue?

var overflow: Overflow?

var overflowX: Overflow?

var overflowY: Overflow?

var padding: CssValue?

var paddingBottom: CssValue?

var paddingLeft: CssValue?

var paddingRight: CssValue?

var paddingTop: CssValue?

var placeItems: PlaceItems?

var placeSelf: PlaceSelf?

var pointerEvents: PointerEvents?

var position: Position?

var resize: CssValue?

var right: CssValue?

var rowGap: CssValue?

var textAlign: TextAlign?

var textDecoration: TextDecoration?

var textOverflow: TextOverflow?

var textShadow: CssValue?

var textTransform: TextTransform?

var top: CssValue?

var transform: CssValue?

transformOrigin

var transformOrigin: CssValue?

var transition: CssValue?

transitionDelay

var transitionDelay: CssValue?

transitionDuration

var transitionDuration: CssValue?

transitionProperty

var transitionProperty: CssValue?

transitionTimingFunction

var transitionTimingFunction: CssValue?

var userSelect: UserSelect?

var verticalAlign: VerticalAlign?

var visibility: Visibility?

var whiteSpace: WhiteSpace?

var width: CssValue?

var wordBreak: WordBreak?

var wordSpacing: CssValue?

var zIndex: CssValue?

Functions

fun active(block: CssPseudoDsl.() -> Unit)

:active 疑似クラス

fun border(width: CssValue, style: BorderStyle, color: CssColor)

fun boxShadow(offsetX: CssValue, offsetY: CssValue, blurRadius: CssValue, color: CssColor)

fun boxShadow(offsetX: CssValue, offsetY: CssValue, blurRadius: CssValue, spreadRadius: CssValue, color: CssColor)

fun checked(block: CssPseudoDsl.() -> Unit)

:checked 疑似クラス（フォーム要素用）

fun disabled(block: CssPseudoDsl.() -> Unit)

:disabled 疑似クラス

fun firstChild(block: CssPseudoDsl.() -> Unit)

:first-child 疑似クラス

fun focus(block: CssPseudoDsl.() -> Unit)

:focus 疑似クラス

fun fontFamily(value: String)

fun hover(block: CssPseudoDsl.() -> Unit)

:hover 疑似クラス

fun lastChild(block: CssPseudoDsl.() -> Unit)

:last-child 疑似クラス

fun nthChild(n: Int, block: CssPseudoDsl.() -> Unit)

:nth-child(n) 疑似クラス

fun nthChildEven(block: CssPseudoDsl.() -> Unit)

:nth-child(even) 疑似クラス

fun nthChildOdd(block: CssPseudoDsl.() -> Unit)

:nth-child(odd) 疑似クラス

fun textShadow(offsetX: CssValue, offsetY: CssValue, blurRadius: CssValue, color: CssColor)

fun visited(block: CssPseudoDsl.() -> Unit)

:visited 疑似クラス（リンク用）