|
CSS Reference
W3Schools' CSS reference is tested regularly with all major browsers.
Tested: 24 August, 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 |
| 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 |
Make your web applications look like a million bucks
|
|
Most web applications today use boring methods to present data to their viewers using grids or simple HTML tables. FusionCharts induces "life" into the web applications by converting monotonous data into lively charts, gauges & maps.
FusionCharts works with all technologies like ASP, ASP.NET, PHP, ColdFusion, Ruby on Rails, JSP, HTML pages etc.
and connects to any database to render animated & interactive charts. It takes less than 15 minutes and no expertise
whatsoever to build your first chart and just a glance of it to captivate your audience. This fact is endorsed by our
12,000 customers and 150,000 users which include a majority of the Fortune 500 companies.
And yeah, your applications could look like a million bucks by spending just $69.
So go ahead, download your
copy of FusionCharts and start "wow-ing" your customers now!
|
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
|
