CSS Property
Text Property
Name Description Value
color set the color of text color name –
example:(red,
black…)
letter-spacing Adjust the space between letters. Number in pixel
Setting the value to 0, prevents the
text from justifying. You can use
negative values.
text-align You can align text. Left, right, center,
justify
text-decoration You can decorate text None, underline,
overline,
line, through, blink
text-Indent Indent the first line of a paragraph. Number in percent or
pixel
text-Transform used to make the appearance of text None, capitalize,
in all-lowercase or all-uppercase or lowercase,
can convert the first character of uppercase
each word to uppercase.
white-space used to handle the white spaces Normal, pre, nowrap
inside an element.
word-spacing adjust the space between words Number in percent or
pixel
Font Property
Name Description Value
font-family It sets the font for the text content. sans-serif, serif, Arial,
New Times Roman,
….
font-size It sets size of the text Number in percent or
pixel
font-style used to define the style of font for italic, oblique, normal
the text content.
font-variant set a font variant of the text. Normal, small-caps
font-weight used for setting the thickness and Bold, bolder, lighter
boldness of the font (or) number value
Background Property
Name Description Value
background-color set the background color Colour names – red,
green, …
background- specifies an image to use as the image
image background
background- repeats an image both horizontally Repeat, repeat-x,
repeat and vertically. repeat-y, no-repeat
This property is used
along with
background-image
background- Sets position for each background left top, left center, left
position image. bottom, center top,
center center, center
bottom, right top, right
center, right bottom,
25% 25%, 30px 80px
This property is used
along with
background-image
background- used to specify that the background scroll, fixed
attachment image is fixed or scroll with the rest
of the page in the browser window. This property is used
along with
background-image
List Property
Name Description Value
list-style-type This property is responsible for Unordered list values
controlling the appearance and are circle, square,
shape of the marker. disc.
Ordered list values
are lower-alpha,
lower-roman, upper-
alpha, upper-roman.
list-style-position It specifies the position of the Values are inside,
marker. outside
Margin Property
Name Description Value
margin-top It is used to set top margin of an Number in pixel
element.
margin-right It is used to set right margin of an Number in pixel
element.
margin-bottom It is used to set bottom margin of an Number in pixel
element.
margin-left It is used to set left margin of an Number in pixel
element.
Border Property
Name Description Value
border-style Specifies the style of the border Values are dotted,
dashed, solid, double.
border-width Specifies the width of the border Number in pixel
border-color Specifies the color of the border Color name red,
green, …
