Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

CSS

Résumé

Le CSS (pour Cascading style sheets) est le langage de présentation pour le contenu sur le web. C’est le World Wide Web Consortium qui assure le maintien du standard CSS.

Explorer notre documentation CSS

Apprendre CSS

Tutoriels et articles de cours pour apprendre CSS de zéro.

Sélecteurs CSS

Un guide de référence sur tous les sélecteurs CSS disponibles.

Propriétés CSS

Un guide de référence sur toutes les propriétés CSS disponibles.

Fonctions CSS

Un guide de référence sur toutes les fonctions CSS.

 

At-rules

Un guide de références sur les différents règles CSS @rules (at-rules) disponibles.

 

Media queries

Un guide de référence sur tous les types de media queries.

Note : Si vous êtes totalement débutant en développement web, nous vous suggérons de lire Le développement web pour les débutants.

Résumé

Cascading Style Sheets (CSS) est un langage de présentation (style, mise en page, animation) qui s’applique aux contenus balisés (tels que HTML, XHTML, SVG ou XML). C’est l’un des composants principaux de l’Open Web Platform.

CSS vous permet de styliser vos contenus avec un ensemble de sélecteurs et de propriétés.

  • Première version : La Recommandation CSS 1 décrite par Håkon Wium Lie et Bert Bos, publiée pour la première fois en 1996.
  • Version stable courante : La Recommandation CSS 2 publiée une première fois en 1998 mais pas réellement terminée avant 2011 malgré un état stable depuis des années. Plusieurs modules CSS3 sont également stables actuellement (Avril 2013). Voir "Travail actuel et futur".
  • Travail actuel et futur : Le Groupe de travail CSS travaille actuellement sur un certain nombre de “modules” qui décrivent chacun des parties différentes de la technologie connue sous le nom de CSS3. Certains de ces modules sont stables alors que d’autres sont encore à l’état d’expérimentation et non par forcément toujours un support sur tous les navigateurs. Un travail est également effectué sur différents modules CSS4 mais cela risque d’être long avant qu’ils ne soient prêts à être utilisés en production. Voir la page CSS working group current work pour plus d’informations sur quels modules/spécifications sont en phase d’être terminés.

Contribuer à la technologie CSS

Le développement de CSS est assuré par le CSS working group. Pour en savoir plus, et notamment participer, allez voir la page du CSS working group. Pour contribuer et poser des questions relatives aux spéficiations, nous vous recommandons la www-style mailing list. Gardez à l’esprit que ce n’est pas un endroit pour poser des questions du type "comment utiliser les styles CSS pour mon site web".

Contribuer aux pages de référence sur CSS

CSS étant en évolution constante, nous améliorerons continuellement ces documentations. Nous travaillons actuellement sur les propriétés CSS. Pour rejoindre ce projet, voir WPD/CSS_property_guide.

Index de tous les sujets sur CSS

css/assigned
css/atrules css/atrules/@charset
css/atrules/@font-face css/atrules/@import css/atrules/@keyframes
css/atrules/@media css/atrules/@namespace css/atrules/@page
css/atrules/@region css/atrules/@supports css/atrules/@viewport
css/color css/color/colors by hue
css/color/colors by lightness css/color/colors by name css/color/colors by perceptual lightness
css/color/colors by saturation css/color/user-defined system colors css/concepts
css/concepts/animatable css/concepts/computed value css/concepts/css applies to
css/concepts/cssom css/concepts/fallback property css/concepts/fragment
css/concepts/inherited css/concepts/initial value css/concepts/named flow
css/concepts/overset css/concepts/region css/concepts/region chain
css/cssom css/cssom/CSSImportRule
css/cssom/CSSImportRule/href css/cssom/CSSImportRule/media css/cssom/CSSKeyframeRule
css/cssom/CSSKeyframeRule/keyText css/cssom/CSSKeyframeRule/style css/cssom/CSSKeyframesRule
css/cssom/CSSKeyframesRule/cssRules css/cssom/CSSKeyframesRule/deleteRule css/cssom/CSSKeyframesRule/findRule
css/cssom/CSSKeyframesRule/insertRule css/cssom/CSSKeyframesRule/name css/cssom/CSSMediaList/CSSMediaList
css/cssom/CSSMediaList/appendMedium css/cssom/CSSMediaList/deleteMedium css/cssom/CSSMediaList/item
css/cssom/CSSMediaList/mediaText css/cssom/CSSMediaRule/CSSMediaRule css/cssom/CSSMediaRule/cssRules
css/cssom/CSSMediaRule/deleteRule css/cssom/CSSMediaRule/insertRule css/cssom/CSSMediaRule/media
css/cssom/CSSNamespaceRule/CSSNamespaceRule css/cssom/CSSNamespaceRule/namespaceURI css/cssom/CSSNamespaceRule/prefix
css/cssom/CSSOM view css/cssom/CSSRule
css/cssom/CSSRule/cssText css/cssom/CSSRule/parentRule
css/cssom/CSSRule/parentStyleSheet css/cssom/CSSRule/type css/cssom/CSSStyleDeclaration/CSSStyleDeclaration
css/cssom/CSSStyleDeclaration/cssText css/cssom/CSSStyleDeclaration/getPropertyPriority css/cssom/CSSStyleDeclaration/getPropertyValue
css/cssom/CSSStyleDeclaration/item css/cssom/CSSStyleDeclaration/removeProperty css/cssom/CSSStyleDeclaration/setProperty
css/cssom/ClientRect css/cssom/ClientRect/bottom css/cssom/ClientRect/left
css/cssom/ClientRect/right css/cssom/ClientRect/top css/cssom/MSCSSMatrix/methods/inverse
css/cssom/MSCSSMatrix/methods/multiply css/cssom/MSCSSMatrix/methods/rotate css/cssom/MSCSSMatrix/methods/rotateAxisAngle
css/cssom/MSCSSMatrix/methods/scale css/cssom/MSCSSMatrix/methods/setMatrixValue css/cssom/MSCSSMatrix/methods/skew
css/cssom/MSCSSMatrix/methods/skewX css/cssom/MSCSSMatrix/methods/skewY css/cssom/MSCSSMatrix/methods/toString
css/cssom/MSCSSMatrix/properties/b css/cssom/MSCSSMatrix/properties/c css/cssom/MSCSSMatrix/properties/d
css/cssom/MSCSSMatrix/properties/e css/cssom/MSCSSMatrix/properties/f css/cssom/MSCSSMatrix/properties/m11
css/cssom/MSCSSMatrix/properties/m12 css/cssom/MSCSSMatrix/properties/m13 css/cssom/MSCSSMatrix/properties/m14
css/cssom/MSCSSMatrix/properties/m21 css/cssom/MSCSSMatrix/properties/m22 css/cssom/MSCSSMatrix/properties/m23
css/cssom/MSCSSMatrix/properties/m24 css/cssom/MSCSSMatrix/properties/m31 css/cssom/MSCSSMatrix/properties/m32
css/cssom/MSCSSMatrix/properties/m33 css/cssom/MSCSSMatrix/properties/m34 css/cssom/MSCSSMatrix/properties/m41
css/cssom/MSCSSMatrix/properties/m42 css/cssom/MSCSSMatrix/properties/m43 css/cssom/MSCSSMatrix/properties/m44
css/cssom/currentStyle css/cssom/imports
css/cssom/methods css/cssom/methods/addPageRule css/cssom/methods/addRule
css/cssom/methods/getExpression css/cssom/methods/msGetPropertyEnabled css/cssom/methods/msPutPropertyEnabled
css/cssom/methods/removeExpression
css/cssom/methods/setExpression
css/cssom/page css/cssom/pages css/cssom/pages/item
css/cssom/properties css/cssom/properties/background css/cssom/properties/clipBottom
css/cssom/properties/clipLeft css/cssom/properties/clipRight css/cssom/properties/clipTop
css/cssom/properties/cssFloat css/cssom/properties/fontWeight css/cssom/properties/hasLayout
css/cssom/properties/height css/cssom/properties/href css/cssom/properties/imports
css/cssom/properties/innerWidth css/cssom/properties/isAlternate css/cssom/properties/isPrefAlternate
css/cssom/properties/item css/cssom/properties/length css/cssom/properties/media
css/cssom/properties/offsetX css/cssom/properties/offsetY css/cssom/properties/outerHeight
css/cssom/properties/outerWidth css/cssom/properties/pageX css/cssom/properties/pageXOffset
css/cssom/properties/pageY css/cssom/properties/pageYOffset css/cssom/properties/pixelBottom
css/cssom/properties/pixelHeight css/cssom/properties/pixelLeft css/cssom/properties/pixelRight
css/cssom/properties/pixelTop css/cssom/properties/pixelWidth css/cssom/properties/posBottom
css/cssom/properties/posHeight css/cssom/properties/posLeft css/cssom/properties/posRight
css/cssom/properties/posTop css/cssom/properties/posWidth css/cssom/properties/pseudoClass
css/cssom/properties/selector css/cssom/properties/selectorText css/cssom/properties/sheet
css/cssom/properties/styleSheet css/cssom/properties/styleSheets css/cssom/properties/usedCharset
css/cssom/properties/viewInheritStyle css/cssom/properties/width css/cssom/properties/x
css/cssom/properties/y css/cssom/rule css/cssom/rule/selectorText
css/cssom/rules css/cssom/rules/item css/cssom/runtimeStyle
css/cssom/screen css/cssom/screen/availHeight css/cssom/screen/availWidth
css/cssom/screen/bufferDepth css/cssom/screen/colorDepth css/cssom/screen/constructor
css/cssom/screen/deviceXDPI css/cssom/screen/deviceYDPI css/cssom/screen/fontSmoothingEnabled
css/cssom/screen/height css/cssom/screen/logicalXDPI css/cssom/screen/logicalYDPI
css/cssom/screen/pixelDepth css/cssom/screen/systemXDPI css/cssom/screen/systemYDPI
css/cssom/screen/updateInterval css/cssom/screen/width css/cssom/style
css/cssom/style/type css/cssom/styleSheet css/cssom/styleSheet/addImport
css/cssom/styleSheet/blockDirection css/cssom/styleSheet/cssRules css/cssom/styleSheet/cssText
css/cssom/styleSheet/deleteRule css/cssom/styleSheet/insertRule css/cssom/styleSheet/ownerNode
css/cssom/styleSheet/ownerRule css/cssom/styleSheet/owningElement css/cssom/styleSheet/pages
css/cssom/styleSheet/parentStyleSheet css/cssom/styleSheet/readOnly css/cssom/styleSheet/rules
css/cssom/styleSheet/title css/cssom/styleSheet/type css/cssom/styleSheets
css/cssom/stylesheet/removeImport css/cssom/stylesheet/removeRule css/data types
css/data types/angle css/data types/color css/data types/custom ident
css/data types/frequency css/data types/image css/data types/integer
css/data types/keyword css/data types/length css/data types/number
css/data types/percentage css/data types/position css/data types/resolution
css/data types/string css/data types/text css/data types/time
css/data types/url css/es
css/exclusions/ms-wrap-flow css/exclusions/ms-wrap-margin css/exclusions/ms-wrap-through
css/fonts css/fonts/font-variant
css/fr css/functions css/functions/blur
css/functions/brightness
css/functions/calc css/functions/contrast
css/functions/cross-fade css/functions/cubic-bezier css/functions/custom
css/functions/drop-shadow css/functions/grayscale
css/functions/hue-rotate
css/functions/invert css/functions/linear-gradient
css/functions/matrix() css/functions/matrix3d
css/functions/opacity css/functions/perspective
css/functions/radial-gradient css/functions/repeating-linear-gradient
css/functions/repeating-radial-gradient css/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/var
css/generated and replaced content css/high contrast mode/properties/-ms-high-contrast css/high contrast modeapis/properties/ms-high-contrast-adjust
css/keywords css/ko
css/media queries css/media queries/accelerator css/media queries/any-hover
css/media queries/any-pointer css/media queries/apis css/media queries/apis/MediaQueryList
css/media queries/apis/MediaQueryListListener css/media queries/apis/StyleMedia css/media queries/apis/addListener
css/media queries/apis/handleChange css/media queries/apis/matchMedia css/media queries/apis/matchMedium
css/media queries/apis/matches css/media queries/apis/media css/media queries/apis/properties/type
css/media queries/apis/removeListener css/media queries/aspect-ratio