Home > Resources > Web > css > CSS Chart
![Skip Navigation Links.](/WebResource.axd?d=83-A5cBNKKCfVoC02p_OjM-856Qj8SELCdvt559_69koMBFRslGhCNc-M-wJXoXrzS_PzUGEoVwXtFVOqnJ-596WBiE1&t=638313685380000000)
|
| ![Collapse Resources](/WebResource.axd?d=aM0myoog92bxqHCv6c8wkZf_c46dfXKuk4kIrFN4pd1fgZs7OEVvNvvGe3isrcMcdcN3lwqo78SgAg_DNo99XCjFgfQAXfttXrfsIVQfO1j75Ivf0&t=638313685380000000) | Resources |
|
|
| | ![Expand Cell Phones](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Cell Phones |
|
|
| | ![Expand Vista](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Vista |
|
|
| | ![Expand Windows 7](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Windows 7 |
|
|
| | ![Expand Flash Items](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Flash Items |
|
|
| | ![Expand VB MessageBox](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | VB MessageBox |
|
|
| | ![Expand MS Access](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | MS Access |
|
|
| | ![Collapse Web](/WebResource.axd?d=aM0myoog92bxqHCv6c8wkZf_c46dfXKuk4kIrFN4pd1fgZs7OEVvNvvGe3isrcMcdcN3lwqo78SgAg_DNo99XCjFgfQAXfttXrfsIVQfO1j75Ivf0&t=638313685380000000) | Web |
|
|
| | | ![Expand Webpage Error Codes](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Webpage Error Codes |
|
|
| | | ![Expand Ajax](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Ajax |
|
|
| | | ![Collapse css](/WebResource.axd?d=aM0myoog92bxqHCv6c8wkZf_c46dfXKuk4kIrFN4pd1fgZs7OEVvNvvGe3isrcMcdcN3lwqo78SgAg_DNo99XCjFgfQAXfttXrfsIVQfO1j75Ivf0&t=638313685380000000) | css |
|
|
| | | ![Expand Other](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Other |
|
|
| | ![Expand Wireless](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Wireless |
|
|
| ![Expand Support](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Support |
|
|
| | ![Expand Hardware](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Hardware |
|
|
| | ![Expand Network](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Network |
|
|
| | ![Expand Remote Assistance](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Remote Assistance |
|
|
| | ![Expand Software](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Software |
|
|
| ![Expand Tips and Tricks](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Tips and Tricks |
|
|
| | ![Expand Firefox](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Firefox |
|
|
| | ![Expand MS Excel](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | MS Excel |
|
|
| | ![Expand MS Outlook Express](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | MS Outlook Express |
|
|
| | ![Expand MS XP](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | MS XP |
|
|
| | ![Expand MSWord](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | MSWord |
|
|
| ![Expand FAQ](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | FAQ |
|
|
| ![Expand Freeware](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Freeware |
|
|
| ![Expand SampleWork](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | SampleWork |
|
|
| | ![Expand YouTube](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | YouTube |
|
|
| | ![Expand Flajaxian FileUploader](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Flajaxian FileUploader |
|
|
| | ![Expand More samples](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | More samples |
|
|
| | ![Expand Database](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Database |
|
|
| | | ![Expand Database Search](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Database Search |
|
|
| | ![Expand Web Samples](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Web Samples |
|
|
| | | ![Expand EW_templates](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | EW_templates |
|
|
| | | ![Expand Other Templates](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Other Templates |
|
|
| ![Expand Movie Listing](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Movie Listing |
|
|
| ![Expand RSS](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | RSS |
|
|
| ![Expand Other things](/WebResource.axd?d=ONDYbDILiBHpFaWJPQbJdFxNx2cMKqogEsYDcJ2qJhfqSXMYB4KX2XjVAYZAwcpChKGLNtr924k7hlmXcosgp2EGe7KUh6vxHZ6FDA4WG6ICZOfq0&t=638313685380000000) | Other things |
|
We are Located In Red Deer, Alberta
(403)506-7680
Geek on Call
RedCore Enterprises Ltd,
|
CSS Chart
Cascading
Style Sheet Chart
A cascading style sheet (CSS)
allows you to control the appearance of your fonts,
links, tables and more. This sheet provides a listing
of essential properties and values.
|
-
Background css
- Border
-
Classification
-
Dimension
- Font
- List
- Margin
- Padding
-
Positioning
- Text
|
Background
Property |
Values |
Description |
NS |
IE |
background |
background-color
background-image
background-repeat background-attachment
background-position |
Sets all background properties in one
statement |
4.0 |
4.0 |
background-attachment |
scroll
fixed |
Sets whether a background image is fixed
or scrolls with the rest of the page |
|
4.0 |
background-color |
color-rgb
color-hex
color-name
transparent |
Sets the background color of an element |
4.0 |
4.0 |
background-image |
url
none |
Sets an image as the background |
4.0 |
4.0 |
background-position |
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos |
Sets the starting position of a background
image |
|
4.0 |
background-repeat |
repeat
repeat-x
repeat-y
no-repeat |
Sets if/how a background image will
be repeated |
4.0 |
4.0 |
Back to Top
Border
Property |
Values |
Description |
NS |
IE |
border |
border-width
border-style
border-color |
Sets all of the properties for the four
borders in one statement |
4.0 |
4.0 |
border-bottom |
border-bottom-width
border-style
border-color |
Sets all of the properties for the bottom
border in one statement |
|
4.0 |
border-bottom-width |
thin
medium
thick
length |
Sets the width of the bottom border |
4.0 |
4.0 |
border-color |
color |
Sets the color of the four borders,
can have from one to four colors |
|
4.0 |
border-left |
border-left-width
border-style
border-color |
Sets all of the properties for the left
border in one statement |
|
4.0 |
border-left-width |
thin
medium
thick
length |
Sets the width of the left border |
4.0 |
4.0 |
border-right |
border-right-width
border-style
border-color |
Sets all of the properties for the right
border in one statement |
|
4.0 |
border-right-width |
thin
medium
thick
length |
Sets the width of the right border |
4.0 |
4.0 |
border-style |
none
dotted
dashed
solid
double
groove
ridge
inset
outset |
Sets the style of the four borders,
can have from one to four styles |
|
4.0 |
border-top |
border-top-width
border-style
border-color |
Sets all of the properties for the top
border in one statement |
|
4.0 |
border-top-width |
thin
medium
thick
length |
Sets the width of the top border |
4.0 |
4.0 |
border-width |
thin
medium
thick
length |
Sets the width of the four borders in
one statement, can have from one to four
values |
4.0 |
4.0 |
Back to Top
|
Classification
Property |
Values |
Description |
NS |
IE |
clear |
left
right
both
none |
Sets the sides of an element where other
floating elements are not allowed |
4.0 |
4.0 |
display |
none
block
inline
list-item |
Sets how/if an element is displayed |
4.0 |
4.0 |
float |
left
right
none |
Sets where an image or a text will appear
in another element |
4.0 |
4.0 |
position |
static
relative
absolute
fixed |
Places an element in a static, relative,
absolute or fixed position |
4.0 |
4.0 |
visibility |
visible
hidden
collapse |
Sets if an element should be visible
or invisible |
|
4.0 |
Back to Top
Dimension
Property |
Values |
Description |
NS |
IE |
height |
auto
length |
Sets the height of an element |
|
4.0 |
line-height |
normal
number
length
% |
Sets the distance between lines |
4.0 |
4.0 |
width |
auto
%
length |
Sets the width of an element |
|
4.0 |
Back to Top
Font
Property |
Values |
Description |
NS |
IE |
font
|
font-style
font-variant
font-weight
font-size/line-height
font-family |
Sets all of the properties for a font
in one statement |
4.0 |
4.0 |
font-family
|
family-name
generic-family |
A prioritized list of font family names
and/or generic family names for an element |
4.0 |
4.0 |
font-size
|
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
% |
Sets the size of a font |
4.0 |
4.0 |
font-style
|
normal
italic
oblique |
Sets the font-style |
4.0 |
4.0 |
font-variant
|
normal
small-caps |
Sets the font-variant |
|
4.0 |
font-weight
|
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900 |
Sets the weight of a font |
4.0 |
4.0 |
Back to Top
List
Property |
Values |
Description |
NS |
IE |
list-style |
list-style-type
list-style-position
list-style-image |
Sets all of the properties for a list
in one statement |
|
4.0 |
list-style-image |
none
url |
Sets an image as the list-item marker |
|
4.0 |
list-style-position |
inside
outside |
Sets were the list-item marker is placed
in the list |
|
4.0 |
list-style-type |
none
disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha |
Sets the type of the list-item marker |
4.0 |
4.0 |
Back to Top
Margin
Property |
Values |
Description |
NS |
IE |
margin |
margin-top
margin-right
margin-bottom
margin-left |
Sets the margin properties in one statement |
4.0 |
4.0 |
margin-bottom
|
auto
length
% |
Sets the bottom margin of an element |
4.0 |
4.0 |
margin-left
|
auto
length
% |
Sets the left margin of an element |
4.0 |
4.0 |
margin-right
|
auto
length
% |
Sets the right margin of an element |
4.0 |
4.0 |
margin-top |
auto
length
% |
Sets the top margin of an element |
4.0 |
4.0 |
Back to Top
|
Padding
Property |
Values |
Description |
NS |
IE |
padding |
padding-top
padding-right
padding-bottom
padding-left |
Sets the padding properties in one statement |
4.0 |
4.0 |
padding-bottom
|
length
% |
Sets the bottom padding of an element |
4.0 |
4.0 |
padding-left
|
length
% |
Sets the left padding of an element |
4.0 |
4.0 |
padding-right
|
length
% |
Sets the right padding of an element |
|
4.0 |
padding-top |
length
% |
Sets the top padding of an element |
4.0 |
4.0 |
Back to Top
Positioning
Property |
Values |
Description |
NS |
IE |
bottom |
auto
%
length |
Sets where the bottom of an element
should be positioned |
|
5.0 |
clip |
shape
auto |
Sets the shape of an element. The element
is clipped into this shape, and displayed |
|
4.0 |
left |
auto
%
length |
Sets where the left side of an element
should be positioned |
4.0 |
4.0 |
overflow |
visible
hidden
scroll
auto |
Sets what happens if the content of
an element does not fit into its area |
|
4.0 |
right |
auto
%
length |
Sets where the right side of an element
should be positioned |
|
5.0 |
top |
auto
%
length |
Sets where the top of an element should
be positioned |
4.0 |
4.0 |
vertical-align |
baseline
sub
super
top
text-top
middle
bottom
text-bottom
% |
Aligns an element vertically |
4.0 |
4.0 |
z-index |
auto
number |
Sets the stack order of an element |
|
4.0 |
Back to Top
Text
Property |
Values |
Description |
NS |
IE |
color |
color |
Sets the color of a text |
4.0 |
4.0 |
letter-spacing |
normal
length |
Increases or decreases the space between
characters |
|
4.0 |
text-align |
left
right
center
justify |
Aligns the text in an element |
4.0 |
4.0 |
text-decoration |
none
underline
overline
line-through
blink |
Adds decoration to text |
4.0 |
4.0 |
text-indent |
length
% |
Indents the first line of text in an
element |
4.0 |
4.0 |
text-transform |
none
capitalize
uppercase
lowercase |
Controls the letters in an element |
4.0 |
4.0 |
white-space |
normal
pre
nowrap |
Sets how white space inside an element
is handled |
4.0 |
|
word-spacing |
normal
length |
Increases or decreases the space between
words |
|
|
Back to Top |
|
|
|