UI CHEATSHEET
Borders
Sets all the border properties in one declaration.
border-color
Sets the color of the four borders. |color_name | hex_number | rgb_number | transparent |inherit
Borders
border-style
Sets the style of the four borders. |none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset inherit
Borders
border-width
Sets the width of the four borders. |length | thin | medium | thick
Borders
border-top
Sets all the top border properties in one declaration. border-top-color | border-top-style | border-top-width
Borders
border-top-style
Sets the style of the top border. border-style
Borders
border-top-color
Sets the color of the top border. color_name | hex_number | rgb_number | transparent | inherit
Borders
border-top-width
Sets the width of the top border. border-width
Borders
border-right
Sets all the right border properties in one declaration. border-right-color | border-right-style | border-right-width
Borders
border-right-color
Sets the color of the right border. color_name | hex_number | rgb_number | transparent | inherit
Borders
border-right-color
Sets the color of the right border. color_name | hex_number | rgb_number | transparent | inherit
Borders
border-right-style
Sets the style of the right border. border-style
Borders
border-right-width
Sets the width of the right border. border-width
Borders
border-bottom
Sets all the bottom border properties in one declaration. border-bottom-color | border-bottom-style | border-bottom-width
Borders
border-bottom-color
Sets the color of the bottom border. color_name | hex_number | rgb_number | transparent | inherit
Borders
border-bottom-style
Sets the style of the bottom border. border-style
Borders
border-bottom-width
Sets the width of the bottom border. border-width
Borders
border-left
Sets all the left border properties in one declaration. border-left-color | borderleft-style | border-left-width
Borders
border-left-color
Sets the color of the left border. color_name | hex_number | rgb_number | transparent | inherit
Borders
border-left-style
Sets the style of the left border. border-style
Borders
border-left-width
Sets the width of the left border. border-width
Colors
inherit/color
color : green
Colors
opacity
inherit/number level opacity : 4
Colors
inherit/color
color : green
FONT
font
Sets all the font properties in one declaration.
FONT
font-family
Specifies the font family for text. family-name | generic-family
FONT
font-size
Specifies the font size of text. xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | length | % | inherit
FONT
font-style
Specifies the font style for text. normal | italic | oblique | inherit
FONT
font-variant
align-content: flex-start | flex-end | center | space-between | space-around | stretch
FONT
font-weight
Specifies the weight of a font. normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Outline
outline
Sets all the outline properties in one declaration. outline-color | outline-style | outline-width | inherit
Outline
outline-color
Sets the color of an outline. color_name | hex_number | rgb_number | invert | inherit
Outline
outline-style
Sets the style of an outline. none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
Outline
outline-width
Sets the width of an outline. length | thin | medium | thick
W3C CSS CSS/Properties/outline
border-radius
defines the radius of the element's corners
border-bottom-right-radius
length
border-radius
defines the radius of the element's corners
border-bottom-left-radius
length
border-radius
defines the radius of the element's corners
border-top-right-radius
length
border-radius
defines the radius of the element's corners
border-bottom-right-radius
length
box-shadow
box-shadow
inset || [ length, length, length, length || <color> ] none
text-shadow
text-shadow
none color length