0% found this document useful (0 votes)
17 views

CSS Properties

Uploaded by

da.zos.1218
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
17 views

CSS Properties

Uploaded by

da.zos.1218
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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, …

You might also like