C.S.S.


Cascading Style Sheet
Commands.







Background

Back to Menu.
Property Function Attributes
background For setting all background properties in one declaration. background-color
background-image
background-repeat
background-attachment
background-position
background-attachment To set if a background image is either to be fixed or scroll. scroll
fixed
background-color For setting the background colour of an element. color-rgb
color-hex
color-name
transparent
background-image For setting an image as the background. url
none
background-position For setting the starting position of a background image. top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos
background-repeat To set if a background image will be repeated or not. repeat (repeated on x and y axis)
repeat-x (repeated top)
repeat-y (repeated left)
no-repeat (not repeated)
center

Border

Back to Menu.
Property Function Attributes
border To set all the properties for all four borders in one declaration. border-width
border-style
border-color
border-bottom To set all of the properties for the bottom border in one declaration. border-bottom-width
border-style
border-color
border-bottom-color To set the colour of the bottom border. border-color
border-bottom-style To set the style of the bottom border. border-style
border-bottom-width To set the width of the bottom border. thin
medium
thick
length
border-color To set the colour of the four borders, you can have from one to four colours. color
border-left To set all of the properties for the left border in one declaration. border-left-width
border-style
border-color
border-left-color To set the colour of the left border. border-color
border-left-style To set the style of the left border. border-style
border-left-width To set the width of the left border. thin
medium
thick
length
border-right To set all of the properties of the right border in one declaration. border-right-width
border-style
border-color
border-right-color To set the colour of the right border. border-color
border-right-style To set the style of the right border. border-style
border-right-width To set the width of the right border. thin
medium
thick
length
border-style To set the style of the four borders, you can choose from one the ten styles listed. None & Hidden are the same. Solid is just as it sounds. To see the rest Click Here. none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
border-top To set all of the properties for the top border in one declaration. border-top-width
border-style
border-color
border-top-color Sets the colour of the top border. border-color
border-top-style Sets the style of the top border. border-style
border-top-width Sets the width of the top border. thin
medium
thick
length
border-width To set the width of the four borders in one declaration, you can have from one to four values. thin
medium
thick
length

Classification

Back to Menu.
Property Function Attributes
clear To set the sides of an element where other floating elements are not allowed. left
right
both
none
cursor Specifies the type of cursor to be displayed. url (image location)
auto (default cursor)
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
display To set how or if an element is to be displayed. none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
float To set where an image/text will appear in another element. left
right
none
position To place an element in a static, relative, absolute or fixed position. static
relative
absolute
fixed
visibility To set if an element should be visible or invisible. visible
hidden
collapse

Dimension

Back to Menu.
Property Function Attributes
height To set the height of an element. auto
length
%
line-height To set the distance between lines. normal
number
length
%
width To set the width of an element. auto
%
length  

Font

Back to Menu.
Property Function Attributes
font
To set all of the properties for a font in one declaration. font-style
font-variant
font-weight
font-size/line-height
font-family
font-family
To set a prioritized list of font family names and/or generic family names for an element. family-name
generic-family
font-size
To set the size of a font. xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
N°’s 1-7
px
pt
font-style
To set the style of the font. normal
italic
oblique
font-variant
To display text in a small-caps font or a normal font. normal
small-caps
font-weight
To set the weight of a font. normal
bold
bolder
lighter
100, 200, 300, 400, 500, 600, 700, 800, 900.

List

Back to Menu.
Property Function Attributes
list-style To set all of the properties for a list in one declaration. list-style-type
list-style-position
list-style-image
list-style-image To set an image as the list-item marker. none
url
list-style-position To set where the list-item marker is placed in the list. inside
outside
list-style-type To set the type of the list-item marker. none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha

Margin

Back to Menu.
Property Function Attributes
margin To set the margin properties in one declaration. margin-top
margin-right
margin-bottom
margin-left

margin-bottom

To set the bottom margin of an element. auto
length
%

margin-left

To set the left margin of an element. auto
length
%

margin-right

To set the right margin of an element. auto
length
%
margin-top To set the top margin of an element. auto
length
%

Padding

Back to Menu.
Property Function Attributes
padding To set all of  the padding properties in one declaration. padding-top
padding-right
padding-bottom
padding-left

padding-bottom

To set the bottom padding of an element. length
%

padding-left

To set the left padding of an element. length
%

padding-right

To set the right padding of an element. length
%
padding-top To set the top padding of an element. length
%

Positioning

Back to Menu.
Property Function Attributes
bottom To set how far the bottom edge of an element is above/below the bottom/top edge of the parent element auto
%
length
clip To set the shape of an element. Then the element is clipped into this shape and displayed. shape
auto
left To set how far the left edge of an element is to the right/left of the parent element. auto
%
length
overflow
To set what happens if the content of an element overflow its area. visible
hidden
scroll
auto
right To set how far the right edge of an element is to the left/right of the parent element. auto
%
length
top To set how far the top edge of an element is above/below the top edge of the parent element. auto
%
length
vertical-align To set the vertical alignment of an element. baseline (default)
sub
super
top
text-top
middle
bottom
text-bottom
length
%
z-index To set the stack order of an element. auto (default)
number

Text

Back to Menu.
Property Function Attributes
color To set the colour of a text. color
letter-spacing To increase or decrease the space between characters. normal (default)
length (number of pixels)
text-align To align the text in an element. left (default)
right
center
justify
text-decoration To add decoration to the text. none (default)
underline
overline
line-through
blink
text-indent To indent the first line of text in an element. 0 (default)
length (pixels)
%
text-transform To control the visualization of the letters in an element. none (default)
capitalize
uppercase
lowercase
white-space To set how white space inside an element is handled. normal (default)
pre
nowrap
word-spacing To increase or decrease the space between words. normal (default)
length

 

 

BlueBar.gif


Visitor N°
      
Free Text Counter.
Counter added 09/02/2014.

Top