TEST:css

Jump to: navigation, search

TEST:css

This article is Out of Date.


Summary

Cascading style sheets (CSS) is the presentation language for web content. The World Wide Web Consortium maintains the CSS standard.



Merge Candidate: This page is a candidate for merge with the following pages: css




Deletion Candidate: Duplicate content



Explore our CSS docs

CSS learning material

Tutorials and concept articles to teach you CSS from the ground up.

CSS selectors

A reference guide to all the CSS selectors available.

CSS Properties

A reference guide to all the available CSS properties.


CSS Functions

A reference guide to all the CSS functions.


At-rules

A reference guide to the different CSS @rules (at-rules) available.


Media queries

A reference guide to the different types of available media query.


Note: If you are completely new to web development, you may want to review Web development for beginners.

Background

Cascading Style Sheets (CSS) is a language that applies presentation (styling, layout, animation) to markup content (such as HTML, XHTML, SVG or XML). It is one of the main components of the Open Web Platform.

CSS allows you to style your content through a set of selectors and properties.

  • First version: The CSS 1 recommendation was described by Håkon Wium Lie and Bert Bos, and first published in 1996.
  • Current stable version: The CSS 2 recommendation was first published in 1998, but was not completely finished until 2011, despite being effectively stable for a number of years before that. Several modules from CSS3 are also stable as of the time of writing (December 2012). See "Current and future work".
  • Current and future work: The CSS Working group is working on a number of "modules", which describe different parts of the technology set known as CSS3. Some of these modules are stable, whereas some are in an experimental state and don't have much support across browsers. There is also work being done on various CSS4 modules, although it will be a while until these are ready for production work. See the CSS working group current work page for more information on what modules/specifications are at what stage of completion.

Contributing to the CSS technology

CSS development is handled by the CSS working group. To find out more, including how to participate, go to the CSS working group home page. For providing feedback and asking questions related to contributing to specs, a good place is the [www-style mailing list]. Bear in mind that it is not a suitable place for "how do I use CSS to style my web page" type questions.

Index of all CSS topics

css/Selectors
css/assignedcss/atrules
css/atrules/@charsetcss/atrules/@font-face
css/atrules/@importcss/atrules/@keyframescss/atrules/@media
css/atrules/@namespacecss/atrules/@pagecss/atrules/@region
css/atrules/@supportscss/atrules/@viewportcss/color
css/color/css/color/colors by hue
css/color/colors by lightnesscss/color/colors by namecss/color/colors by perceptual lightness
css/color/colors by saturationcss/color/user-defined system colorscss/concepts
css/concepts/animatablecss/concepts/computed valuecss/concepts/css applies to
css/concepts/cssomcss/concepts/fallback propertycss/concepts/fragment
css/concepts/inheritedcss/concepts/initial valuecss/concepts/named flow
css/concepts/oversetcss/concepts/regioncss/concepts/region chain
css/cssomcss/cssom/CSSImportRule
css/cssom/CSSImportRule/hrefcss/cssom/CSSImportRule/mediacss/cssom/CSSKeyframeRule
css/cssom/CSSKeyframeRule/keyTextcss/cssom/CSSKeyframeRule/stylecss/cssom/CSSKeyframesRule
css/cssom/CSSKeyframesRule/cssRulescss/cssom/CSSKeyframesRule/deleteRulecss/cssom/CSSKeyframesRule/findRule
css/cssom/CSSKeyframesRule/insertRulecss/cssom/CSSKeyframesRule/namecss/cssom/CSSMediaList/CSSMediaList
css/cssom/CSSMediaList/appendMediumcss/cssom/CSSMediaList/deleteMediumcss/cssom/CSSMediaList/item
css/cssom/CSSMediaList/mediaTextcss/cssom/CSSMediaRule/CSSMediaRulecss/cssom/CSSMediaRule/cssRules
css/cssom/CSSMediaRule/deleteRulecss/cssom/CSSMediaRule/insertRulecss/cssom/CSSMediaRule/media
css/cssom/CSSNamespaceRule/CSSNamespaceRulecss/cssom/CSSNamespaceRule/namespaceURIcss/cssom/CSSNamespaceRule/prefix
css/cssom/CSSOM viewcss/cssom/CSSRule
css/cssom/CSSRule/cssTextcss/cssom/CSSRule/parentRule
css/cssom/CSSRule/parentStyleSheetcss/cssom/CSSRule/typecss/cssom/CSSStyleDeclaration/CSSStyleDeclaration
css/cssom/CSSStyleDeclaration/cssTextcss/cssom/CSSStyleDeclaration/getPropertyPrioritycss/cssom/CSSStyleDeclaration/getPropertyValue
css/cssom/CSSStyleDeclaration/itemcss/cssom/CSSStyleDeclaration/removePropertycss/cssom/CSSStyleDeclaration/setProperty
css/cssom/ClientRectcss/cssom/ClientRect/bottomcss/cssom/ClientRect/left
css/cssom/ClientRect/rightcss/cssom/ClientRect/topcss/cssom/MSCSSMatrix/methods/inverse
css/cssom/MSCSSMatrix/methods/multiplycss/cssom/MSCSSMatrix/methods/rotatecss/cssom/MSCSSMatrix/methods/rotateAxisAngle
css/cssom/MSCSSMatrix/methods/scalecss/cssom/MSCSSMatrix/methods/setMatrixValuecss/cssom/MSCSSMatrix/methods/skew
css/cssom/MSCSSMatrix/methods/skewXcss/cssom/MSCSSMatrix/methods/skewYcss/cssom/MSCSSMatrix/methods/toString
css/cssom/MSCSSMatrix/properties/bcss/cssom/MSCSSMatrix/properties/ccss/cssom/MSCSSMatrix/properties/d
css/cssom/MSCSSMatrix/properties/ecss/cssom/MSCSSMatrix/properties/fcss/cssom/MSCSSMatrix/properties/m11
css/cssom/MSCSSMatrix/properties/m12css/cssom/MSCSSMatrix/properties/m13css/cssom/MSCSSMatrix/properties/m14
css/cssom/MSCSSMatrix/properties/m21css/cssom/MSCSSMatrix/properties/m22css/cssom/MSCSSMatrix/properties/m23
css/cssom/MSCSSMatrix/properties/m24css/cssom/MSCSSMatrix/properties/m31css/cssom/MSCSSMatrix/properties/m32
css/cssom/MSCSSMatrix/properties/m33css/cssom/MSCSSMatrix/properties/m34css/cssom/MSCSSMatrix/properties/m41
css/cssom/MSCSSMatrix/properties/m42css/cssom/MSCSSMatrix/properties/m43css/cssom/MSCSSMatrix/properties/m44
css/cssom/currentStylecss/cssom/imports
css/cssom/methodscss/cssom/methods/addPageRulecss/cssom/methods/addRule
css/cssom/methods/getExpressioncss/cssom/methods/msGetPropertyEnabledcss/cssom/methods/msPutPropertyEnabled
css/cssom/methods/removeExpression
css/cssom/methods/setExpression
css/cssom/pagecss/cssom/pagescss/cssom/pages/item
css/cssom/propertiescss/cssom/properties/backgroundcss/cssom/properties/clipBottom
css/cssom/properties/clipLeftcss/cssom/properties/clipRightcss/cssom/properties/clipTop
css/cssom/properties/cssFloatcss/cssom/properties/fontWeightcss/cssom/properties/hasLayout
css/cssom/properties/heightcss/cssom/properties/hrefcss/cssom/properties/imports
css/cssom/properties/innerWidthcss/cssom/properties/isAlternatecss/cssom/properties/isPrefAlternate
css/cssom/properties/itemcss/cssom/properties/lengthcss/cssom/properties/media
css/cssom/properties/offsetXcss/cssom/properties/offsetYcss/cssom/properties/outerHeight
css/cssom/properties/outerWidthcss/cssom/properties/pageXcss/cssom/properties/pageXOffset
css/cssom/properties/pageYcss/cssom/properties/pageYOffsetcss/cssom/properties/pixelBottom
css/cssom/properties/pixelHeightcss/cssom/properties/pixelLeftcss/cssom/properties/pixelRight
css/cssom/properties/pixelTopcss/cssom/properties/pixelWidthcss/cssom/properties/posBottom
css/cssom/properties/posHeightcss/cssom/properties/posLeftcss/cssom/properties/posRight
css/cssom/properties/posTopcss/cssom/properties/posWidthcss/cssom/properties/pseudoClass
css/cssom/properties/selectorcss/cssom/properties/selectorTextcss/cssom/properties/sheet
css/cssom/properties/styleSheetcss/cssom/properties/styleSheetscss/cssom/properties/usedCharset
css/cssom/properties/viewInheritStylecss/cssom/properties/widthcss/cssom/properties/x
css/cssom/properties/ycss/cssom/rulecss/cssom/rule/selectorText
css/cssom/rulescss/cssom/rules/itemcss/cssom/runtimeStyle
css/cssom/screencss/cssom/screen/availHeightcss/cssom/screen/availWidth
css/cssom/screen/bufferDepthcss/cssom/screen/colorDepthcss/cssom/screen/constructor
css/cssom/screen/deviceXDPIcss/cssom/screen/deviceYDPIcss/cssom/screen/fontSmoothingEnabled
css/cssom/screen/heightcss/cssom/screen/logicalXDPIcss/cssom/screen/logicalYDPI
css/cssom/screen/pixelDepthcss/cssom/screen/systemXDPIcss/cssom/screen/systemYDPI
css/cssom/screen/updateIntervalcss/cssom/screen/widthcss/cssom/style
css/cssom/style/typecss/cssom/styleSheetcss/cssom/styleSheet/addImport
css/cssom/styleSheet/blockDirectioncss/cssom/styleSheet/cssRulescss/cssom/styleSheet/cssText
css/cssom/styleSheet/deleteRulecss/cssom/styleSheet/insertRulecss/cssom/styleSheet/ownerNode
css/cssom/styleSheet/ownerRulecss/cssom/styleSheet/owningElementcss/cssom/styleSheet/pages
css/cssom/styleSheet/parentStyleSheetcss/cssom/styleSheet/readOnlycss/cssom/styleSheet/rules
css/cssom/styleSheet/titlecss/cssom/styleSheet/typecss/cssom/styleSheets
css/cssom/stylesheet/removeImportcss/cssom/stylesheet/removeRulecss/data types
css/data types/anglecss/data types/colorcss/data types/custom ident
css/data types/frequencycss/data types/imagecss/data types/integer
css/data types/keywordcss/data types/lengthcss/data types/number
css/data types/percentagecss/data types/positioncss/data types/resolution
css/data types/stringcss/data types/textcss/data types/time
css/data types/urlcss/es
css/exclusions/ms-wrap-flowcss/exclusions/ms-wrap-margincss/exclusions/ms-wrap-through
css/fontscss/fonts/font-variant
css/frcss/functionscss/functions/blur
css/functions/brightness
css/functions/calccss/functions/contrast
css/functions/cross-fadecss/functions/cubic-beziercss/functions/custom
css/functions/drop-shadowcss/functions/grayscale
css/functions/hue-rotate
css/functions/invertcss/functions/linear-gradient
css/functions/matrix()css/functions/matrix3d
css/functions/opacitycss/functions/perspective
css/functions/radial-gradientcss/functions/repeating-linear-gradient
css/functions/repeating-radial-gradientcss/functions/rotate()css/functions/rotate3d()
css/functions/rotateX()css/functions/rotateY()css/functions/rotateZ()
css/functions/saturatecss/functions/scale()
css/functions/scale3d()css/functions/scaleX()css/functions/scaleY()
css/functions/scaleZ()css/functions/sepia
css/functions/skew()css/functions/skewX()css/functions/skewY()
css/functions/stepscss/functions/translate()
css/functions/translate3d()css/functions/translateX()css/functions/translateY()
css/functions/translateZ()css/functions/url()css/functions/var
css/generated and replaced contentcss/high contrast mode/properties/-ms-high-contrastcss/high contrast modeapis/properties/ms-high-contrast-adjust
css/keywordscss/ko
css/media queriescss/media queries/acceleratorcss/media queries/any-hover
css/media queries/any-pointercss/media queries/apiscss/media queries/apis/MediaQueryList
css/media queries/apis/MediaQueryListListenercss/media queries/apis/StyleMediacss/media queries/apis/addListener
css/media queries/apis/handleChangecss/media queries/apis/matchMediacss/media queries/apis/matchMedium
css/media queries/apis/matchescss/media queries/apis/mediacss/media queries/apis/properties/type