Background-Repeat

Background-repeat in CSS.

Syntax (background-repeat : values;)
  • background-repeat
  • Values: repeat | repeat-x | repeat-y | no-repeat

Example:


.class_name {background-repeat : repeat-x;}

Background-Image

Background-Image in CSS.

Syntax (
background-image:values)
  • background-image
  • Values: image-url| none
Example:

.class_name{background-image : bg.gif;}

Background-Color

Background-Color in CSS.

Syntax (
background-color:values;)
  • background-color
  • Values: aqua | black | blue | green | lime etc...

Example:

.class_name{background-color : green;}

list-style-type

List-style-type in CSS.

Syntax (
list-style-type:values;)
  • list-style-type
  • Values: none | disc | circle | square | decimal etc...
Example:

.classname{list-style-type : circle;}

list-style-type

List-style-type in CSS.

Syntax (
list-style-type : values;)
  • list-style-type
  • Values: none | disc | circle | square | decimal etc...
Example:

.class_name{list-style-type : circle;}

list-style-position

List-style-position of CSS.

Syntax (
list-style-position:values;)
  • list-style-position
  • Values: inside | outside
Example:
.classname{list-style-position: inside;}

list-style-image

List-style-image of CSS.

Syntax (
list-style-image:values;)
  • list-style-image
  • Values: choose-image | none
Example:

.classname{list-style-image : none;}

list-style

List-style-type of CSS.
  • list-style-type
  • Values: none | disc | circle | square | decimal etc...
Example:
.classname{list-style-type : circle;}


List-style-position of CSS.
  • list-style-position
  • Values: inside | outside
Example:
.classname{list-style-position: inside;}

List-style-image of CSS.
  • list-style-image
  • Values: choose-image | none
Example:
.classname{list-style-image : none;}

Zoom

zoom of CSS.
  • zoom
  • Values: normal | percentage
Example:
.calssname{zoom : normal;}

Float

Float of CSS.

Syntax (
float : Values;)
  • float
  • Values: left | right | none
Example:

.class_name{float : left;}

Clear

Clear of CSS.

Syntax (
clear : Values;)
  • clear
  • Values: none | left | right |both
Example:

.class_name{clear : none;}

padding-left

Padding-left of CSS.
  • padding-left
  • Values: percentage | length
Example:
.classname{padding-left : length;}

padding-bottom

Padding-bottom of CSS.
  • padding-bottom
  • Values: percentage | length
Example:

.classname{padding-bottom : length;}


padding-right

Padding-right of CSS.
  • padding-right
  • Values: percentage | length
Example:

.classname{padding-right : length;}


padding-top

Padding-top of CSS.
  • padding-top
  • Values: percentage | length
Example:

.classname{padding-top : length;}


padding

Padding-top of CSS.
  • padding-top
  • Values: percentage | length
Example:
.classname{padding-top : length;}


Padding-right of CSS.
  • padding-right
  • Values: percentage | length
Example:
.classname{padding-right : length;}


Padding-bottom of CSS.
  • padding-bottom
  • Values: percentage | length
Example:
.classname{padding-bottom : length;}


Padding-left of CSS.
  • padding-left
  • Values: percentage | length
Example:
.classname{padding-left : length;}

margin-right

Margin-right of CSS.
  • margin-right
  • Values: percentage | length | auto
Example:

.classname{margin-right : auto;}

margin-left

Margin-left of CSS.
  • margin-left
  • Values: percentage | length | auto
Example:

.classname{margin-left : auto;}

margin-bottom

Margin-bottom of CSS.
  • margin-bottom
  • Values: percentage | length | auto
Example:

.classname{margin-bottom : auto;}

margin-top

Margin-top of CSS.
  • margin-top
  • Values: percentage | length | auto
Example:

.classname{margin-top : auto;}

margin

Margin-top of CSS.
  • margin-top
  • Values: percentage | length | auto
Example:
.classname{margin-top : auto;}

Margin-bottom of CSS.
  • margin-bottom
  • Values: percentage | length | auto
Example:
.classname{margin-bottom : auto;}

Margin-left of CSS.
  • margin-left
  • Values: percentage | length | auto
Example:
.classname{margin-left : auto;}


Margin-right of CSS.
  • margin-right
  • Values: percentage | length | auto
Example:
.classname{margin-right : auto;}

border-left-color

Border-left-color of CSS.
  • border-left-color
  • Values: aqua | blue | gray | black | coral etc...
Example:
.classname{border-left-color : coral;}

border-left-style

Border-left-style of CSS.
  • border-left-style
  • Values: none | solid | double | groove | ridge | inset | outset | dotted | dashed
Example:

.classname{border-left-style : double;}

border-left-width

Border-left-width of CSS.
  • border-left-width
  • Values: thin | medium | thick
Example:

.classname{border-left-width : thick;}

border-left-color

Border-left-color of CSS.
  • border-left-color
  • Values: aqua | blue | gray | black etc...
Example:
.classname{border-left-color : gray;}

border-right-color

Border-right-color of CSS.
  • border-right-color
  • Values: aqua | blue | gray | black | coral etc...
Example:

.classname{border-right-color : gray;}

border-top-color

Border-top-color of CSS.
  • border-top-color
  • Values: aqua | blue | gray | black etc...
Example:
.classname{border-top-color : gray;}

border-bottom-style

Border-bottom-style of CSS.
  • border-bottom-style
  • Values: none | solid | double | groove | ridge | inset | outset | dotted | dashed
Example:
.classname{border-bottom-style : solid;}

border-bottom-color

Border-bottom-color of CSS.
  • border-bottom-color
  • Values: aqua | black | blue etc....
Example:
.classname{border-bottom-color : black;}

border-bottom-width

Border-bottom-width of CSS.
  • border-bottom-width
  • Values: thin | medium | thick
Example:
.classname{border-bottom-width : thin;}

border-color

Border color of CSS.

  • border-color
  • Values: aqua | black | blue etc...

Example:

.classname{border-color : aqua;}

border-style

Border style of CSS.

  • border-style
  • Values: none | solid | double | groove | ridge | inset | outset | dotted | dashed
Example:
.classname{border-style : solid;}

border-width

Border width of CSS.

  • border-width
  • Values : thick | medium | thin

Example:

.classname{border-width : thick;}