CSS reference

  • Revision slug: CSS/CSS_Reference
  • Revision title: CSS Reference
  • Revision id: 11839
  • Created:
  • Creator: Dria
  • Is current revision? No
  • Comment

Revision Content

This is a work in progress. If you would like to help write up any of the pages listed below, you are more than welcome to help.

If you are going to add a page, please copy/paste the content from CSS Reference:Property Template and modify as required.

The basic template for example pages can be found here: TEMPLATE.html. Just copy the source from that file, modify as required, then email the example pages and any related files to deb@mozilla.com for uploading.

If you have any questions or suggestions, please feel free to discuss them on the Talk:CSS Reference page.

Properties

Various

Selectors

Mozilla Extensions

Revision Source

<p>
</p>
<div class="note">
<p>This is a work in progress.  If you would like to help write up any of the pages listed below, you are more than welcome to help.
</p><p>If you are going to add a page, please copy/paste the content from <a href="en/CSS_Reference/Property_Template">CSS Reference:Property Template</a> and modify as required.
</p><p>The basic template for example pages can be found here: <a class="external" href="http://developer.mozilla.org/samples/cssref/TEMPLATE.html">TEMPLATE.html</a>.  Just copy the source from that file, modify as required, then email the example pages and any related files to deb@mozilla.com for uploading.
</p><p>If you have any questions or suggestions, please feel free to discuss them on the <a href="Talk:en/CSS_Reference">Talk:CSS Reference</a> page.
</p>
</div>
<h3 name="Properties"> Properties </h3>
<ul><li> <a href="en/CSS/azimuth">azimuth</a>
</li><li> <a href="en/CSS/background">background</a>
</li><li> <a href="en/CSS/background-attachment">background-attachment</a>
</li><li> <a href="en/CSS/background-color">background-color</a>
</li><li> <a href="en/CSS/background-image">background-image</a>
</li><li> <a href="en/CSS/background-position">background-position</a>
</li><li> <a href="en/CSS/background-repeat">background-repeat</a>
</li><li> <a href="en/CSS/border">border</a>
</li><li> <a href="en/CSS/border-bottom">border-bottom</a>
</li><li> <a href="en/CSS/border-bottom-color">border-bottom-color</a> 
</li><li> <a href="en/CSS/border-bottom-style">border-bottom-style</a>
</li><li> <a href="en/CSS/border-bottom-width">border-bottom-width</a>
</li><li> <a href="en/CSS/border-collapse">border-collapse</a>
</li><li> <a href="en/CSS/border-color">border-color</a>
</li><li> <a href="en/CSS/border-left">border-left</a>
</li><li> <a href="en/CSS/border-left-color">border-left-color</a>
</li><li> <a href="en/CSS/border-left-style">border-left-style</a>
</li><li> <a href="en/CSS/border-left-width">border-left-width</a>
</li><li> <a href="en/CSS/border-right">border-right</a>
</li><li> <a href="en/CSS/border-right-color">border-right-color</a>
</li><li> <a href="en/CSS/border-right-style">border-right-style</a>
</li><li> <a href="en/CSS/border-right-width">border-right-width</a>
</li><li> <a href="en/CSS/border-spacing">border-spacing</a>
</li><li> <a href="en/CSS/border-style">border-style</a>
</li><li> <a href="en/CSS/border-top">border-top</a>
</li><li> <a href="en/CSS/border-top-color">border-top-color</a>
</li><li> <a href="en/CSS/border-top-style">border-top-style</a>
</li><li> <a href="en/CSS/border-top-width">border-top-width</a>
</li><li> <a href="en/CSS/border-width">border-width</a>
</li><li> <a href="en/CSS/bottom">bottom</a>
</li><li> <a href="en/CSS/caption-side">caption-side</a>
</li><li> <a href="en/CSS/clear">clear</a>
</li><li> <a href="en/CSS/clip">clip</a>
</li><li> <a href="en/CSS/color">color</a>
</li><li> <a href="en/CSS/content">content</a>
</li><li> <a href="en/CSS/counter-increment">counter-increment</a>
</li><li> <a href="en/CSS/counter-reset">counter-reset</a>
</li><li> <a href="en/CSS/cue">cue</a>
</li><li> <a href="en/CSS/cue-after">cue-after</a>
</li><li> <a href="en/CSS/cue-before">cue-before</a>
</li><li> <a href="en/CSS/cursor">cursor</a>
</li><li> <a href="en/CSS/direction">direction</a>
</li><li> <a href="en/CSS/display">display</a>
</li><li> <a href="en/CSS/elevation">elevation</a>
</li><li> <a href="en/CSS/empty-cells">empty-cells</a>
</li><li> <a href="en/CSS/float">float</a>
</li><li> <a href="en/CSS/font">font</a>
</li><li> <a href="en/CSS/font-family">font-family</a>
</li><li> <a href="en/CSS/font-size">font-size</a>
</li><li> <a href="en/CSS/font-size-adjust">font-size-adjust</a>
</li><li> <a href="en/CSS/font-stretch">font-stretch</a>
</li><li> <a href="en/CSS/font-style">font-style</a>
</li><li> <a href="en/CSS/font-variant">font-variant</a>
</li><li> <a href="en/CSS/font-weight">font-weight</a>
</li><li> <a href="en/CSS/height">height</a>
</li><li> <a href="en/CSS/left">left</a>
</li><li> <a href="en/CSS/letter-spacing">letter-spacing</a>
</li><li> <a href="en/CSS/line-height">line-height</a>
</li><li> <a href="en/CSS/list-style">list-style</a>
</li><li> <a href="en/CSS/list-style-image">list-style-image</a>
</li><li> <a href="en/CSS/list-style-position">list-style-position</a>
</li><li> <a href="en/CSS/list-style-type">list-style-type</a>
</li><li> <a href="en/CSS/margin">margin</a>
</li><li> <a href="en/CSS/margin-bottom">margin-bottom</a>
</li><li> <a href="en/CSS/margin-left">margin-left</a>
</li><li> <a href="en/CSS/margin-right">margin-right</a>
</li><li> <a href="en/CSS/margin-top">margin-top</a>
</li><li> <a href="en/CSS/marker-offset">marker-offset</a>
</li><li> <a href="en/CSS/marks">marks</a>
</li><li> <a href="en/CSS/max-height">max-height</a>
</li><li> <a href="en/CSS/max-width">max-width</a>
</li><li> <a href="en/CSS/min-height">min-height</a>
</li><li> <a href="en/CSS/min-width">min-width</a>
</li><li> <a href="en/CSS/orphans">orphans</a>
</li><li> <a href="en/CSS/outline">outline</a>
</li><li> <a href="en/CSS/outline-color">outline-color</a>
</li><li> <a href="en/CSS/outline-style">outline-style</a>
</li><li> <a href="en/CSS/outline-width">outline-width</a>
</li><li> <a href="en/CSS/overflow">overflow</a>
</li><li> <a href="en/CSS/padding">padding</a>
</li><li> <a href="en/CSS/padding-bottom">padding-bottom</a>
</li><li> <a href="en/CSS/padding-left">padding-left</a>
</li><li> <a href="en/CSS/padding-right">padding-right</a>
</li><li> <a href="en/CSS/padding-top">padding-top</a>
</li><li> <a href="en/CSS/page">page</a>
</li><li> <a href="en/CSS/page-break-after">page-break-after</a>
</li><li> <a href="en/CSS/page-break-before">page-break-before</a>
</li><li> <a href="en/CSS/page-break-inside">page-break-inside</a>
</li><li> <a href="en/CSS/pause">pause</a>
</li><li> <a href="en/CSS/pause-after">pause-after</a>
</li><li> <a href="en/CSS/pause-before">pause-before</a>
</li><li> <a href="en/CSS/pitch">pitch</a>
</li><li> <a href="en/CSS/pitch-range">pitch-range</a>
</li><li> <a href="en/CSS/play-during">play-during</a>
</li><li> <a href="en/CSS/position">position</a>
</li><li> <a href="en/CSS/quotes">quotes</a>
</li><li> <a href="en/CSS/richness">richness</a>
</li><li> <a href="en/CSS/right">right</a>
</li><li> <a href="en/CSS/size">size</a>
</li><li> <a href="en/CSS/speak">speak</a>
</li><li> <a href="en/CSS/speak-header">speak-header</a>
</li><li> <a href="en/CSS/speak-numeral">speak-numeral</a>
</li><li> <a href="en/CSS/speak-punctuation">speak-punctuation</a>
</li><li> <a href="en/CSS/speech-rate">speech-rate</a>
</li><li> <a href="en/CSS/stress">stress</a>
</li><li> <a href="en/CSS/table-layout">table-layout</a>
</li><li> <a href="en/CSS/text-align">text-align</a>
</li><li> <a href="en/CSS/text-decoration">text-decoration</a>
</li><li> <a href="en/CSS/text-indent">text-indent</a>
</li><li> <a href="en/CSS/text-shadow">text-shadow</a>
</li><li> <a href="en/CSS/text-transform">text-transform</a>
</li><li> <a href="en/CSS/top">top</a>
</li><li> <a href="en/CSS/unicode-bidi">unicode-bidi</a>
</li><li> <a href="en/CSS/vertical-align">vertical-align</a>
</li><li> <a href="en/CSS/visibility">visibility</a>
</li><li> <a href="en/CSS/voice-family">voice-family</a>
</li><li> <a href="en/CSS/volume">volume</a>
</li><li> <a href="en/CSS/white-space">white-space</a>
</li><li> <a href="en/CSS/widows">widows</a>
</li><li> <a href="en/CSS/width">width</a>
</li><li> <a href="en/CSS/word-spacing">word-spacing</a>
</li><li> <a href="en/CSS/z-index">z-index</a>
</li></ul>
<h3 name="Various"> Various </h3>
<ul><li> <a href="en/CSS/@import">@import</a>
</li><li> <a href="en/CSS/@media">@media</a>
</li><li> <a href="en/CSS/@font-face">@font-face</a>
</li><li> <a href="en/CSS/Comments">Comments</a>
</li></ul>
<h3 name="Selectors"> Selectors </h3>
<ul><li> <a href="en/CSS/Type_selectors">Type selectors</a>
</li><li> <a href="en/CSS/Class_selectors">Class selectors</a>
</li><li> <a href="en/CSS/ID_selectors">ID selectors</a>
</li><li> <a href="en/CSS/Descendant_selectors">Descendant selectors</a>
</li><li> <a href="en/CSS/Child_selectors">Child selectors</a>
</li><li> <a href="en/CSS/Universal_selectors">Universal selectors</a>
</li><li> <a href="en/CSS/Adjacent_sibling_selectors">Adjacent sibling selectors</a>
</li><li> <a href="en/CSS/Attribute_selectors">Attribute selectors</a>
</li><li> <a href="en/CSS/Pseudo-classes">Pseudo-classes</a>
<ul><li> <a href="en/CSS/%3alink">:link</a>
</li><li> <a href="en/CSS/%3avisited">:visited</a>
</li><li> <a href="en/CSS/%3aactive">:active</a>
</li><li> <a href="en/CSS/%3ahover">:hover</a>
</li><li> <a href="en/CSS/%3afocus">:focus</a>
</li><li> <a href="en/CSS/%3aroot">:root</a>
</li><li> <a href="en/CSS/%3aempty">:empty</a>
</li><li> <a href="en/CSS/%3anot">:not</a>
</li><li> <a href="en/CSS/%3afirst-child">:first-child</a>
</li><li> <a href="en/CSS/%3afirst-node">:first-node</a>
</li><li> <a href="en/CSS/%3alast-child">:last-child</a>
</li><li> <a href="en/CSS/%3alast-node">:last-node</a>
</li><li> <a href="en/CSS/%3alang">:lang</a>
</li><li> <a href="en/CSS/%3afirst">:first</a>
</li><li> <a href="en/CSS/%3aleft">:left</a>
</li><li> <a href="en/CSS/%3aright">:right</a>
</li></ul>
</li><li> <a href="en/CSS/Pseudo-elements">Pseudo-elements</a>
<ul><li> <a href="en/CSS/%3abefore">:before</a>
</li><li> <a href="en/CSS/%3aafter">:after</a>
</li><li> <a href="en/CSS/%3afirst-letter">:first-letter</a>
</li><li> <a href="en/CSS/%3afirst-line">:first-line</a>
</li></ul>
</li></ul>
<h3 name="Mozilla_Extensions"> Mozilla Extensions </h3>
<ul><li> <a href="en/CSS_Reference/Mozilla_Extensions">CSS Reference:Mozilla Extensions</a>
</li></ul>
Revert to this revision