CSS Basic Properties
Here are some basic CSS properties to work with.
Text Properties
Property Description Values
color Sets the color of a text RGB, hex, keyword
line-height Sets the distance between lines normal, number, length, %
letter- Increase or decrease the space
normal, length
spacing between characters
text-align Aligns the text in an element left, right, center, justify
text- none, underline, overline,
Adds decoration to text
decoration line-through
Indents the first line of text in an
text-indent length, %
element
text- Controls the letters in an none, capitalize,
transform element uppercase, lowercase
List Properties
Property Description Values
Sets all the properties for a list-style-type, list-style-position,
list-style
list in one declaration list-style-image, inherit
list-style- Specifies an image as the
URL, none, inherit
image list-item marker
list-style- Specifies where to place
inside, outside, inherit
position the list-item marker
none, disc, circle, square,
decimal, decimal-leading-zero,
list-style- Specifies the type of list- armenian, georgian, lower-alpha,
type item marker upper-alpha, lower-greek,
lower-latin, upper-latin, lower-
roman, upper-roman, inherit
Border Properties
Property Description Values
Sets all the border
border-width, border-style, border-
border properties in one
color
declaration
Sets all the bottom
border- border-bottom-width, border-
border properties in
bottom bottom-style, border-bottom-color
one declaration
border-
Sets the color of the
bottom- border-color
bottom border
color
border- Sets the style of the
border-style
bottom-style bottom border
border-
Sets the width of the
bottom- border-width
bottom border
width
Sets the color of the color_name, hex_number,
border-color
four borders rgb_number, transparent, inherit
Sets all the left border
border-left-width, border-left-style,
border-left properties in one
border-left-color
declaration
border-left- Sets the color of the
border-color
color left border
border-left- Sets the style of the
border-style
style left border
border-left- Sets the width of the
border-width
width left border
Sets all the right
border-right-width, border-right-
border-right border properties in
style, border-right-color
one declaration
border- Sets the color of the
border-color
right-color right border
border- Sets the style of the border-style
right-style right border
border- Sets the width of the
border-width
right-width right border
none, hidden, dotted, dashed, solid,
Sets the style of the
border-style double, groove, ridge, inset, outset,
four borders
inherit
Sets all the top border
border-top-width, border-top-style,
border-top properties in one
border-top-color
declaration
border-top- Sets the color of the
border-color
color top border
border-top- Sets the style of the
border-style
style top border
border-top- Sets the width of the
border-width
width top border
border- Sets the width of the
thin, medium, thick, length, inherit
width four borders
Font Properties
Property Description Values
font-style, font-variant, font-weight,
Sets all the font
font-size/line-height, font-
font properties in one
family, caption, icon, menu, message-
declaration
box, small-caption, status-bar, inherit
font- Specifies the font
family-name, generic-family, inherit
family family for text
xx-small, x-small, small, medium, large,
Specifies the font size
font-size x-large, xx-large, smaller, larger,
of text
length, %, inherit
font- Specifies the font style
normal, italic, oblique, inherit
style for text
font- Specifies whether or normal, small-caps, inherit
variant not a text should be
displayed in a small-
caps font
normal, bold, bolder, lighter,
100, 200, 300, 400, 500, 600, 700,
font- Specifies the weight of
800, 900, inherit
weight a font
Careful, many of these are not
supported!