css.md

css : object

Kind: global namespace

• css : object
  • .color
  • .border-top-color
  • .border-left-color
  • .border-right-color
  • .border-bottom-color
  • .background-color
  • .border-top
  • .border-left
  • .border-right
  • .border-bottom
  • .border-top-style
  • .border-left-style
  • .border-right-style
  • .border-bottom-style
  • .border-top-left-radius
  • .border-top-right-radius
  • .border-bottom-left-radius
  • .border-bottom-right-radius
  • .opacity : float
  • .overflow
  • .overflow-x
  • .overflow-y
  • .background-image
  • .border-color
  • .border-radius
  • .border-radius
  • .background
  • .margin-top
  • .margin-left
  • .margin-right
  • .margin-bottom
  • .width
  • .height
  • .max-width
  • .max-height
  • .min-width
  • .min-height
  • .top
  • .left
  • .right
  • .bottom
  • .padding-top
  • .padding-left
  • .padding-right
  • .padding-bottom
  • .border-top-width
  • .border-left-width
  • .border-right-width
  • .border-bottom-width
  • .flex-basis
  • .flex-grow
  • .flex-shrink
  • .order
  • .flex
  • .border-width
  • .margin
  • .padding
  • .font-family
  • .letter-spacing
  • .font-size
  • .align-content
  • .align-items
  • .align-self
  • .units
  • .background-attachment
  • .background-repeat
  • .background-size
  • .border-style
  • .display
  • .flex-direction
  • .flex-wrap
  • .font-style
  • .font-weight
  • .justify-content
  • .position
  • .text-align
  • .text-overflow
  • .visibility
  • .white-space

css.color

Specifies the text color for an element.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors
• HSL and HSLA colors

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/color
• https://github.com/colorjs/color-name/blob/master/index.js

css.border-top-color

Specifies the border color for an element's top border.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/border-top-color
• https://github.com/colorjs/color-name/blob/master/index.js

css.border-left-color

Specifies the border color for an element's left border.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/border-left-color
• https://github.com/colorjs/color-name/blob/master/index.js

css.border-right-color

Specifies the border color for an element's right border.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/border-right-color
• https://github.com/colorjs/color-name/blob/master/index.js

css.border-bottom-color

Specifies the border color for an element's bottom border.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/border-bottom-color
• https://github.com/colorjs/color-name/blob/master/index.js

css.background-color

Specifies the background color for an element.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors
• HSL and HSLA colors

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/background-color
• https://github.com/colorjs/color-name/blob/master/index.js

css.border-top

Shorthand for specifying the style, color, and width of the top border.

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-top

css.border-left

Shorthand for specifying the style, color, and width of the left border.

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-left

css.border-right

Shorthand for specifying the style, color, and width of the right border.

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-right

css.border-bottom

Shorthand for specifying the style, color, and width of the bottom border.

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-bottom

css.border-top-style

Specifies the style of the top border.

Warning

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-top-style

css.border-left-style

Specifies the style of the left border.

Warning

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-left-style

css.border-right-style

Specifies the style of the right border.

Warning

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-right-style

css.border-bottom-style

Specifies the style of the bottom border.

Warning

The only visible border style that is supported is solid.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-bottom-style

css.border-top-left-radius

Sets the top left border radius.

Warning

If you need to clip an image, be sure to set overflow: hidden.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-top-left-radius

css.border-top-right-radius

Sets the top right border radius.

Warning

If you need to clip an image, be sure to set overflow: hidden.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-top-right-radius

css.border-bottom-left-radius

Sets the bottom left border radius.

Warning

If you need to clip an image, be sure to set overflow: hidden.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-bottom-left-radius

css.border-bottom-right-radius

Sets the bottom right border radius.

Warning

If you need to clip an image, be sure to set overflow: hidden.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-bottom-right-radius

css.opacity : float

Sets the opacity of an element. The value is between 0 (transparent) and 1 (opaque).

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/opacity

css.overflow

Shorthand which determines what is done with content that overflows the element's bounds.

Supports visible, hidden, auto, and scroll`.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/overflow

css.overflow-x

Determines what is done with content that overflows the element's horizontal bounds.

Supports visible, hidden, auto, and scroll`.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/overflow-x

css.overflow-y

Determines what is done with content that overflows the element's vertical bounds.

Supports visible, hidden, auto, and scroll`.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/overflow-y

css.background-image

Specifies a background image.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/background-image

css.border-color

Specifies the border color for an element.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/border-color
• https://github.com/colorjs/color-name/blob/master/index.js

css.border-radius

Shorthand for specifying the border radius

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-radius

css.border-radius

Shorthand for specifying the border width, color, and style.

Supported color formats are as follows:

• Named Colors (See https://github.com/colorjs/color-name/blob/master/index.js)
• Hex colors
• RGB and RGBA colors

Warning

An element's border can only consist of a single color. If you specify multiple border colors, you'll see a warning on the JavaScript console.

Kind: static property of css
See

• https://developer.mozilla.org/en/docs/Web/CSS/border-radius
• https://github.com/colorjs/color-name/blob/master/index.js

css.background

Shorthand for specifying the background of an element. Supports colors, images, and linear gradients.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/background

css.margin-top

Specifies the top margin.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/margin-top

css.margin-left

Specifies the left margin.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/margin-left

css.margin-right

Specifies the right margin.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/margin-right

css.margin-bottom

Specifies the bottom margin.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/margin-bottom

css.width

Specifies the width of an element.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/width

css.height

Specifies the height of an element.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/height

css.max-width

Specifies the maximum width of an element.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/max-width

css.max-height

Specifies the maximum height of an element.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/max-height

css.min-width

Specifies the minimum width of an element.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/min-width

css.min-height

Specifies the minimum height of an element.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/min-height

css.top

Sets the top position of the element when relatively or absolutely positioned.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/top

css.left

Sets the left position of the element when relatively or absolutely positioned.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/left

css.right

Sets the right position of the element when relatively or absolutely positioned.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/right

css.bottom

Sets the bottom position of the element when relatively or absolutely positioned.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/bottom

css.padding-top

Specifies the top padding.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/padding-top

css.padding-left

Specifies the left padding.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/padding-left

css.padding-right

Specifies the right padding.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/padding-right

css.padding-bottom

Specifies the bottom padding.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/padding-bottom

css.border-top-width

Specifies the width of the top border.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-top-width

css.border-left-width

Specifies the width of the left border.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-left-width

css.border-right-width

Specifies the width of the right border.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-right-width

css.border-bottom-width

Specifies the width of the bottom border.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-bottom-width

css.flex-basis

Specifies the value used for calculating the flex basis.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/flex-basis

css.flex-grow

Sets the flex grow factor.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/flex-grow

css.flex-shrink

Sets the flex shrink factor.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/flex-shrink

css.order

Sets the order of display for this flex element.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/order

css.flex

Shorthand for setting flex-grow, flex-shrink, and flex-basis.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/flex

css.border-width

Specifies the width of the element's border.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/border-width

css.margin

Shorthand for setting the element's margins.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/margin

css.padding

Shorthand for setting the element's padding.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/padding

css.font-family

Renders the element using the specified font family, if installed on the user's machine.

Danger

Fallbacks are not supported. Don't use quotes with this value.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/font-family

css.letter-spacing

Sets the distance between letters.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/letter-spacing

css.font-size

Sets the font size.

Kind: static property of css
See: https://developer.mozilla.org/en/docs/Web/CSS/font-size

css.align-content

Kind: static enum of css
Properties

Name	Default	Description
"flex-start"	0	Align to the starting position
"flex-end"	1	Align to the ending position
center	2	Align to the center
"space-between"	3	Add space between the elements
"space-around"	4	Add space around the elements
stretch	5	Stretch content

css.align-items

Kind: static enum of css
Properties

Name	Default	Description
"flex-start"	0	Align items to the start
"flex-end"	1	Align items to the end
center	2	Align items to the center
baseline	3	Align items to baseline (UNSUPPORTED)
stretch	4	Stretch items

css.align-self

Kind: static enum of css
Properties

Name	Default	Description
auto	0
"flex-start"	1	Align to start
"flex-end"	2	Align to end
center	3	Align to center
baseline	4	Align to baseline (UNSUPPORTED)
stretch	5	Stretch

css.units

Kind: static enum of css
Properties

Name	Default	Description
px	0	Pixel units (default)
"%"	1	Percentage

css.background-attachment

Kind: static enum of css
Properties

Name	Default	Description
scroll	0	The background image scrolls along with content. Default.
fixed	1	The background image is fixed while scrolling. UNSUPPORTED.
local	2	UNSUPPORTED.

css.background-repeat

Kind: static enum of css
Properties

Name	Default	Description
"no-repeat"	0	Don't repeat the background image; default.
repeat	1	Repeat the background image in both axes. UNSUPPORTED.
"repeat-x"	2	Repeat the background image in horizontally. UNSUPPORTED.
"repeat-y"	3	Repeat the background image in vertically. UNSUPPORTED.

css.background-size

Kind: static enum of css
Properties

Name	Default	Description
auto	0	Automatically size the background image; default.
contain	1	Contain the image within the bounds of the element without altering the aspect ratio.
cover	2	Ensure that the image fills the bounds of the element without altering the aspect ratio.

css.border-style

Kind: static enum of css
Properties

Name	Default	Description
none	0	No border
hidden	1	Hidden border
dotted	2	Dotted border; UNSUPPORTED
dashed	3	Dashed border; UNSUPPORTED
solid	4	Solid border
double	5	Double border; UNSUPPORTED
groove	6	Grooved border; UNSUPPORTED
ridge	7	Ridged border; UNSUPPORTED
inset	8	Inset border; UNSUPPORTED
outset	9	Outset border; UNSUPPORTED

css.display

Kind: static enum of css
Properties

Name	Default	Description
none	0	Don't display the item; removes from layout.
flex	1	Display using flexbox layout.
block	2	Display using block layout; default.
inline	3	Display using inline layout; UNSUPPORTED.
"inline-block"	4	Display using inline-block layout; UNSUPPORTED.
"inline-flex"	5	Display using inline-flex layout; UNSUPPORTED.

css.flex-direction

Kind: static enum of css
Properties

Name	Default	Description
row	0	Layout in a horizontal (row) direction
"row-reverse"	1	Layout in a horizontal (row) direction, but reverse the order of elements
column	2	layout in a vertical (column) direction
"column-reverse"	3	layout in a vertical (column) direction, but reverse the order of elements

css.flex-wrap

Kind: static enum of css
Properties

Name	Default	Description
nowrap	0	Don't wrap; default.
wrap	1	Wrap
"wrap-reverse"	2	Wrap, reverse; UNSUPPORTED.

css.font-style

Kind: static enum of css
Properties

Name	Default	Description
normal	0	Normal font style; default.
italic	1	Italic (if the font supports it).

css.font-weight

Kind: static enum of css
Properties

Name	Default	Description
normal	0	Normal font weight; default.
bold	1	Bold font weight.
lighter	2	Lighter font weight.
bolder	3	Bolder font weight.
50	4
100	5
200	6
300	7
400	8
500	9
550	10
600	11
700	12
800	13
850	14
900	15
950	16
1000	17

css.justify-content

Kind: static enum of css
Properties

Name	Default	Description
"flex-start"	0	Justify content to the end
"flex-end"	1	Align content to the end
center	2	Align content to the center
"space-between"	3	Add space between elements
"space-around"	4	Add space around elements

css.position

Kind: static enum of css
Properties

Name	Default	Description
static	0	Positioned using normal layout rules; default.
absolute	1	Element is positioned absolutely, relative to its nearest positioned ancestor. Does not affect layout.
relative	2	Element is positioned relative to where it would have been positioned when using static.

css.text-align

Kind: static enum of css
Properties

Name	Default	Description
left	0	Left align
center	1	Center
right	2	Right align
justify	3	Justify; UNSUPPORTED

css.text-overflow

Kind: static enum of css
Properties

Name	Default	Description
clip	0	Clip text content; default.
ellipsis	1	Show an ellipsis.

css.visibility

Kind: static enum of css
Properties

Name	Default	Description
visible	0	Show the element; default.
hidden	1	Hide the element. Layout is unaffected, so space is reserved for the element.

css.white-space

Kind: static enum of css
Properties

Name	Default	Description
normal	0	Allow wrapping. Default.
nowrap	1	Prevent breaking on white space.