Webmaster Resources Center

Welcome to the Bravenet Resource Center. Use these resources to help make your web pages more advanced and fun to use.

Quick Reference Sheets for Webmasters

Quick Reference sheets are packed full of useful information for all webmasters.

CSS Reference Sheet

CSS stands for Cascading Style Sheet. While HTML provides you with structure for your website, CSS provides you with the means to style your website. This section outlines all CSS properties outlined in CSS2.

This property sets the forground color to use for an element's text content. The color value can be a rgb setting, h...
The background property is a short-hand property for setting individual background properties in one section of your ...
This property sets the background color to the element it's applied to. Values can be either named colors, rgb value...
The background-image property sets a background image to an element. Typically, it's best to set a background color ...
This property is used in conjunction with background-image to specify the images repeat pattern and how. By default,...
This is another property that is used in conjunction with the background-image property. This specifies whether your...
If a background image has been specified, this property sets the background image's position.
This property is a shorthand property for setting all parts of a margin in the same place of your style sheet. If th...
This property sets the top margin of the containing block applied to.
This property sets the right margin of the containing block applied to.
This property sets the bottom margin of the containing block applied to.
This property sets the left margin of the containing block applied to.
This property is a shorthand property for setting all parts of padding in the same place of your style sheet. If thi...
This property sets the top padding of the containing block it's applied to.
This property sets the right padding of the containing block it's applied to.
This property sets the bottom padding of the containing block it's applied to.
This property sets the left padding of the containing block it's applied to.
This is a shorthand property for setting the same width, color and style to all four borders of a box. You cannot se...
This is a shorthand property for setting the top, right, bottom and left width of a border in the same location of yo...
This property sets the width of the top border of it's containing element.
This property sets the width of the right border of it's containing element.
This property sets the width of the bottom border of it's containing element.
This property sets the width of the left border of it's containing element.
This is a shorthand property for setting the top, right, bottom and left color of a border in the same location of yo...
This property sets the color of the top border of it's containing element.
This property sets the color of the right border of it's containing element.
This property sets the color of the bottom border of it's containing element.
This property sets the color of the left border of it's containing element.
This is a shorthand property for setting the top, right, bottom and left style of a border in the same location of yo...
This property sets the style of the top border of it's containing element.
This property sets the style of the right border of it's containing element.
This property sets the style of the bottom border of it's containing element.
This property sets the style of the left border of it's containing element.
This property is a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and f...
This property selects between normal, italic and oblique faces within a font family.
This will select the type of variation to use on a font family. Besides normal, there is small-caps which converts t...
The font-weight property sets the weight of a font family. The values 100 to 900 form an ordered sequence, where eac...
The font-size property sets the the size of the font. Absolute sizes are a group of font sizes computed and kept by t...
This property sets a font family or group of font families applied to its containing element. The value is a priorti...
This property sets an indentation on the first line of text in a block.
This property describes how inline content of a block is aligned. A justified alignment will set the left and right m...
This property describes decorations that are added to the text of an element using the element's color. When specifie...
This property specifies the amount of spacing between text characters. Character spacing algorithms are browser-depe...
This property specifies the amount of spacing between words. The value of normal sets the normal inter-word spacing ...
The text-transform property controls capitalization effects on an element's text. The capitalize value puts the firs...
This property declares how whitespace inside the element it's applied to will be handled.
The display property is the major component of visual formatting and defines the formatting on an element. For insta...
The position property is used to determine which of the CSS 2.1 positioning algorithms is used to calculate the posit...
This property specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the bo...
This property has the same effect as the top property mentioned above but will effect the offset of the right edge of...
This property has the same effect as the top property mentioned above but will effect the offset of the bottom edge o...
This property has the same effect as the top property mentioned above but will effect the offset of the left edge of ...
This property specifies whether a box should float to the left, right, or not at all. It may be set for any element, ...
This property indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clea...
For a positioned element, the z-index property specifies: a) the stack level of the box in the current stacking conte...
This property sets the writing direction of blocks and the direction of embeddings. In addition, it specifies the di...
This property specifies whether content of a block-level element is clipped when it overflows the element's box. It a...
The 'clip' property applies only to absolutely positioned elements. an auto value means that no clipping will occur. ...
This propery specifies where the boxes generated by an element are rendered. Invisible boxes still affect layout as ...
The 'table-layout' property controls the algorithm used to lay out the table cells, rows, and columns.
This property selects a table's border model. The value 'separate' selects the separated borders border model. The va...
This property specifies the distance that separates adjoining cell borders. If one length is specified, it gives bot...
This property controls the characteristics of an empty table cell. With a value of show, borders and backgrounds are...
The list-style property is a shorthand notation for setting the three properties list-style-type, list-style-image, a...
This property specifies how the marker of a list item will be displayed. The value of none specifies no marker, othe...
This property sets the image that will be used as the list item marker. When the iamge is available, it will replace...
The list-style-position property specifies the position of the marker box in the principal block box. A value of 'ou...
This property specifies the type of cursor to be displayed for the pointing device. This property is especially usef...