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/MSCSSMatrix/apis/properties/a
css/Selectorscss/assigned
css/atrulescss/atrules/@charset
css/atrules/@font-facecss/atrules/@importcss/atrules/@keyframes
css/atrules/@mediacss/atrules/@namespacecss/atrules/@page
css/atrules/@regioncss/atrules/@supportscss/atrules/@viewport
css/colorcss/color/
css/color/colors by huecss/color/colors by lightnesscss/color/colors by name
css/color/colors by perceptual lightnesscss/color/colors by saturationcss/color/user-defined system colors
css/conceptscss/concepts/animatablecss/concepts/computed value
css/concepts/css applies tocss/concepts/cssomcss/concepts/fallback property
css/concepts/fragmentcss/concepts/inheritedcss/concepts/initial value
css/concepts/named flowcss/concepts/oversetcss/concepts/region
css/concepts/region chaincss/cssom
css/cssom/CSSImportRulecss/cssom/CSSImportRule/hrefcss/cssom/CSSImportRule/media
css/cssom/CSSKeyframeRulecss/cssom/CSSKeyframeRule/keyTextcss/cssom/CSSKeyframeRule/style
css/cssom/CSSKeyframesRulecss/cssom/CSSKeyframesRule/cssRulescss/cssom/CSSKeyframesRule/deleteRule
css/cssom/CSSKeyframesRule/findRulecss/cssom/CSSKeyframesRule/insertRulecss/cssom/CSSKeyframesRule/name
css/cssom/CSSMediaList/CSSMediaListcss/cssom/CSSMediaList/appendMediumcss/cssom/CSSMediaList/deleteMedium
css/cssom/CSSMediaList/itemcss/cssom/CSSMediaList/mediaTextcss/cssom/CSSMediaRule/CSSMediaRule
css/cssom/CSSMediaRule/cssRulescss/cssom/CSSMediaRule/deleteRulecss/cssom/CSSMediaRule/insertRule
css/cssom/CSSMediaRule/mediacss/cssom/CSSNamespaceRule/CSSNamespaceRulecss/cssom/CSSNamespaceRule/namespaceURI
css/cssom/CSSNamespaceRule/prefixcss/cssom/CSSOM view
css/cssom/CSSRulecss/cssom/CSSRule/cssText
css/cssom/CSSRule/parentRulecss/cssom/CSSRule/parentStyleSheetcss/cssom/CSSRule/type
css/cssom/CSSStyleDeclaration/CSSStyleDeclarationcss/cssom/CSSStyleDeclaration/cssTextcss/cssom/CSSStyleDeclaration/getPropertyPriority
css/cssom/CSSStyleDeclaration/getPropertyValuecss/cssom/CSSStyleDeclaration/itemcss/cssom/CSSStyleDeclaration/removeProperty
css/cssom/CSSStyleDeclaration/setPropertycss/cssom/ClientRectcss/cssom/ClientRect/bottom
css/cssom/ClientRect/leftcss/cssom/ClientRect/rightcss/cssom/ClientRect/top
css/cssom/MSCSSMatrix/methods/inversecss/cssom/MSCSSMatrix/methods/multiplycss/cssom/MSCSSMatrix/methods/rotate
css/cssom/MSCSSMatrix/methods/rotateAxisAnglecss/cssom/MSCSSMatrix/methods/scalecss/cssom/MSCSSMatrix/methods/setMatrixValue
css/cssom/MSCSSMatrix/methods/skewcss/cssom/MSCSSMatrix/methods/skewXcss/cssom/MSCSSMatrix/methods/skewY
css/cssom/MSCSSMatrix/methods/toStringcss/cssom/MSCSSMatrix/properties/bcss/cssom/MSCSSMatrix/properties/c
css/cssom/MSCSSMatrix/properties/dcss/cssom/MSCSSMatrix/properties/ecss/cssom/MSCSSMatrix/properties/f
css/cssom/MSCSSMatrix/properties/m11css/cssom/MSCSSMatrix/properties/m12css/cssom/MSCSSMatrix/properties/m13
css/cssom/MSCSSMatrix/properties/m14css/cssom/MSCSSMatrix/properties/m21css/cssom/MSCSSMatrix/properties/m22
css/cssom/MSCSSMatrix/properties/m23css/cssom/MSCSSMatrix/properties/m24css/cssom/MSCSSMatrix/properties/m31
css/cssom/MSCSSMatrix/properties/m32css/cssom/MSCSSMatrix/properties/m33css/cssom/MSCSSMatrix/properties/m34
css/cssom/MSCSSMatrix/properties/m41css/cssom/MSCSSMatrix/properties/m42css/cssom/MSCSSMatrix/properties/m43
css/cssom/MSCSSMatrix/properties/m44
css/cssom/currentStyle
css/cssom/importscss/cssom/methodscss/cssom/methods/addPageRule
css/cssom/methods/addRulecss/cssom/methods/getExpressioncss/cssom/methods/msGetPropertyEnabled
css/cssom/methods/msPutPropertyEnabledcss/cssom/methods/removeExpression
css/cssom/methods/setExpression
css/cssom/pagecss/cssom/pages
css/cssom/pages/itemcss/cssom/propertiescss/cssom/properties/background
css/cssom/properties/clipBottomcss/cssom/properties/clipLeftcss/cssom/properties/clipRight
css/cssom/properties/clipTopcss/cssom/properties/cssFloatcss/cssom/properties/fontWeight
css/cssom/properties/hasLayoutcss/cssom/properties/heightcss/cssom/properties/href
css/cssom/properties/importscss/cssom/properties/innerWidthcss/cssom/properties/isAlternate
css/cssom/properties/isPrefAlternatecss/cssom/properties/itemcss/cssom/properties/length
css/cssom/properties/mediacss/cssom/properties/offsetXcss/cssom/properties/offsetY
css/cssom/properties/outerHeightcss/cssom/properties/outerWidthcss/cssom/properties/pageX
css/cssom/properties/pageXOffsetcss/cssom/properties/pageYcss/cssom/properties/pageYOffset
css/cssom/properties/pixelBottomcss/cssom/properties/pixelHeightcss/cssom/properties/pixelLeft
css/cssom/properties/pixelRightcss/cssom/properties/pixelTopcss/cssom/properties/pixelWidth
css/cssom/properties/posBottomcss/cssom/properties/posHeightcss/cssom/properties/posLeft
css/cssom/properties/posRightcss/cssom/properties/posTopcss/cssom/properties/posWidth
css/cssom/properties/pseudoClasscss/cssom/properties/selectorcss/cssom/properties/selectorText
css/cssom/properties/sheetcss/cssom/properties/styleSheetcss/cssom/properties/styleSheets
css/cssom/properties/usedCharsetcss/cssom/properties/viewInheritStylecss/cssom/properties/width
css/cssom/properties/xcss/cssom/properties/ycss/cssom/rule
css/cssom/rule/selectorTextcss/cssom/rulescss/cssom/rules/item
css/cssom/runtimeStylecss/cssom/screencss/cssom/screen/availHeight
css/cssom/screen/availWidthcss/cssom/screen/bufferDepthcss/cssom/screen/colorDepth
css/cssom/screen/constructorcss/cssom/screen/deviceXDPIcss/cssom/screen/deviceYDPI
css/cssom/screen/fontSmoothingEnabledcss/cssom/screen/heightcss/cssom/screen/logicalXDPI
css/cssom/screen/logicalYDPIcss/cssom/screen/pixelDepthcss/cssom/screen/systemXDPI
css/cssom/screen/systemYDPIcss/cssom/screen/updateIntervalcss/cssom/screen/width
css/cssom/stylecss/cssom/style/typecss/cssom/styleSheet
css/cssom/styleSheet/addImportcss/cssom/styleSheet/blockDirectioncss/cssom/styleSheet/cssRules
css/cssom/styleSheet/cssTextcss/cssom/styleSheet/deleteRulecss/cssom/styleSheet/insertRule
css/cssom/styleSheet/ownerNodecss/cssom/styleSheet/ownerRulecss/cssom/styleSheet/owningElement
css/cssom/styleSheet/pagescss/cssom/styleSheet/parentStyleSheetcss/cssom/styleSheet/readOnly
css/cssom/styleSheet/rulescss/cssom/styleSheet/titlecss/cssom/styleSheet/type
css/cssom/styleSheetscss/cssom/stylesheet/removeImportcss/cssom/stylesheet/removeRule
css/data typescss/data types/anglecss/data types/color
css/data types/custom identcss/data types/frequencycss/data types/image
css/data types/integercss/data types/keywordcss/data types/length
css/data types/numbercss/data types/percentagecss/data types/position
css/data types/resolutioncss/data types/stringcss/data types/text
css/data types/timecss/data types/url
css/escss/exclusions/ms-wrap-flowcss/exclusions/ms-wrap-margin
css/exclusions/ms-wrap-throughcss/flexboxcss/fonts
css/fonts/font-variantcss/frcss/functions
css/functions/blurcss/functions/brightness
css/functions/calccss/functions/contrast
css/functions/cross-fadecss/functions/cubic-bezier
css/functions/customcss/functions/drop-shadow
css/functions/grayscalecss/functions/hue-rotate
css/functions/invert
css/functions/linear-gradientcss/functions/matrix()css/functions/matrix3d
css/functions/opacity
css/functions/perspectivecss/functions/radial-gradient
css/functions/repeating-linear-gradientcss/functions/repeating-radial-gradientcss/functions/rotate()
css/functions/rotate3d()css/functions/rotateX()css/functions/rotateY()
css/functions/rotateZ()css/functions/saturate
css/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/steps
css/functions/translate()css/functions/translate3d()css/functions/translateX()
css/functions/translateY()css/functions/translateZ()css/functions/url()
css/functions/varcss/generated and replaced contentcss/high contrast mode/properties/-ms-high-contrast
css/high contrast modeapis/properties/ms-high-contrast-adjustcss/keywordscss/ko
css/media queriescss/media queries/accelerator
css/media queries/apiscss/media queries/apis/MediaQueryListcss/media queries/apis/MediaQueryListListener
css/media queries/apis/StyleMediacss/media queries/apis/addListenercss/media queries/apis/handleChange
css/media queries/apis/matchMediacss/media queries/apis/matchMediumcss/media queries/apis/matches
css/media queries/apis/mediacss/media queries/apis/properties/typecss/media queries/apis/removeListener