CSS Reference
W3Schools' CSS reference is tested regularly with all major browsers.
Tested: 09 November, 2009.
CSS Property Groups
The links in the "Property" column point to syntax, examples, browser support, etc.
The "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).
| Property |
Description |
CSS |
| height |
Sets the height of an element |
1 |
| max-height |
Sets the maximum height of an element |
2 |
| max-width |
Sets the maximum width of an element |
2 |
| min-height |
Sets the minimum height of an element |
2 |
| min-width |
Sets the minimum width of an element |
2 |
| width |
Sets the width of an element |
1 |
| Property |
Description |
CSS |
| font |
Sets all the font properties in one declaration |
1 |
| font-family |
Specifies the font family for text |
1 |
| font-size |
Specifies the font size of text |
1 |
| font-style |
Specifies the font style for text |
1 |
| font-variant |
Specifies whether or not a text should be displayed in a small-caps font |
1 |
| font-weight |
Specifies the weight of a font |
1 |
| Property |
Description |
CSS |
| content |
Used with the :before and :after pseudo-elements, to insert generated content |
2 |
| counter-increment |
Increments one or more counters |
2 |
| counter-reset |
Creates or resets one or more counters |
2 |
| quotes |
Sets the type of quotation marks for embedded quotations |
2 |
| Property |
Description |
CSS |
| list-style |
Sets all the properties for a list in one declaration |
1 |
| list-style-image |
Specifies an image as the list-item marker |
1 |
| list-style-position |
Specifies if the list-item markers should appear inside or outside the content flow |
1 |
| list-style-type |
Specifies the type of list-item marker |
1 |
| Property |
Description |
CSS |
| margin |
Sets all the margin properties in one declaration |
1 |
| margin-bottom |
Sets the bottom margin of an element |
1 |
| margin-left |
Sets the left margin of an element |
1 |
| margin-right |
Sets the right margin of an element |
1 |
| margin-top |
Sets the top margin of an element |
1 |
| Property |
Description |
CSS |
| padding |
Sets all the padding properties in one declaration |
1 |
| padding-bottom |
Sets the bottom padding of an element |
1 |
| padding-left |
Sets the left padding of an element |
1 |
| padding-right |
Sets the right padding of an element |
1 |
| padding-top |
Sets the top padding of an element |
1 |
| Property |
Description |
CSS |
| bottom |
Sets the bottom margin edge for a positioned box |
2 |
| clear |
Specifies which sides of an element where other floating elements are not allowed |
1 |
| clip |
Clips an absolutely positioned element |
2 |
| cursor |
Specifies the type of cursor to be displayed |
2 |
| display |
Specifies the type of box an element should generate |
1 |
| float |
Specifies whether or not a box should float |
1 |
| left |
Sets the left margin edge for a positioned box |
2 |
overflow
|
Specifies what happens if content overflows an element's
box |
2 |
| position |
Specifies the type of positioning for an element |
2 |
| right |
Sets the right margin edge for a positioned box |
2 |
| top |
Sets the top margin edge for a positioned box |
2 |
| visibility |
Specifies whether or not an element is visible |
2 |
| z-index |
Sets the stack order of an element |
2 |
| Property |
Description |
CSS |
| orphans |
Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element |
2 |
| page-break-after |
Sets the page-breaking behavior after an element |
2 |
| page-break-before |
Sets the page-breaking behavior before an element |
2 |
| page-break-inside |
Sets the page-breaking behavior inside an element |
2 |
| widows |
Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element |
2 |
| Property |
Description |
CSS |
| border-collapse |
Specifies whether or not table borders should be collapsed |
2 |
| border-spacing |
Specifies the distance between the borders of adjacent cells |
2 |
| caption-side |
Specifies the placement of a table caption |
2 |
| empty-cells |
Specifies whether or not to display borders and background on empty cells in a table |
2 |
| table-layout |
Sets the layout algorithm to be used for a table |
2 |
| Property |
Description |
CSS |
| color |
Sets the color of text |
1 |
| direction |
Specifies the text direction/writing direction |
2 |
| letter-spacing |
Increases or decreases the space between characters in a text |
1 |
| line-height |
Sets the line height |
1 |
| text-align |
Specifies the horizontal alignment of text |
1 |
| text-decoration |
Specifies the decoration added to text |
1 |
| text-indent |
Specifies the indentation of the first line in a text-block |
1 |
| text-shadow |
Specifies the shadow effect added to text |
2 |
| text-transform |
Controls the capitalization of text |
1 |
| unicode-bidi |
|
2 |
| vertical-align |
Sets the vertical alignment of an element |
1 |
| white-space |
Specifies how white-space inside an element is handled |
1 |
| word-spacing |
Increases or decreases the space between words in a text |
1 |
| Property |
Description |
CSS |
| :active |
Adds a style to an element that is activated |
1 |
| :after |
Adds content after an element |
2 |
| :before |
Adds content before an element |
2 |
| :first-child |
Adds a style to an element that is the first child of
another element |
2 |
| :first-letter |
Adds a style to the first character of a text |
1 |
| :first-line |
Adds a style to the first line of a text |
1 |
| :focus |
Adds a style to an element that has keyboard input focus |
2 |
| :hover |
Adds a style to an element when you mouse over it |
1 |
| :lang |
Adds a style to an element with a specific lang attribute |
2 |
| :link |
Adds a style to an unvisited link |
1 |
| :visited |
Adds a style to a visited link |
1 |
Stylus Studio® 2010 XML Enterprise Suite raises the bar for productivity in XML development tools.
Millions of XML developers and data integration specialists turn to Stylus Studio's comprehensive and intuitive
XML toolset to tackle today's advanced XML data transformation and aggregation challenges.
|
- XML Pipeline Editor, Debugger and Code Generator
- DataDirect XML Converters
- XQuery Mapper, Editor, Debugger, and Profiler
- XSLT Mapper, Editor, Debugger, Designer, and Profiler
- Java and C# for .Net Code Generation
- XML Schema Designer With Documentation Generator
- XML Editor With Full XPath Integration
Download a free trial now
|
|
