CSS documentation status

This page tries to track ongoing documentation work in the MDN CSS section. Feel free to contribute!

Summary

Pages No tags Needs* tags Missing tags Editorial reviews Technical reviews Outdated pages Dev-doc-needed bugs Documentation requests Missing pages
748 2 (1%) 302 (41%) 0 (0%) 12 (2%) 95 (13%) 151 (21%) 118 (16%) 35 (5%) 26 (4%)

See also localization status of this section.

No tags

Found 2 pages. Learn more about how to tag pages.

Needs* tags

Found 302 pages. Learn more about how to deal with meta-tags.

Editorial reviews

Found 12 pages. Learn more about how to do an editorial review.

Technical reviews

Found 95 pages. Learn more about how to do a technical review.

Outdated pages

Found 151 pages. These pages haven't been updated in over a year. Outdated pages can have problems with both content and format. Look at these pages and consider: Is this page talking about the Web of today? Does it look consistent with newer pages in this topic area? If not, make any needed changes.

Dev-doc-needed bugs

Found 118 bugs. Learn more about how to resolve a dev-doc-needed bug.

Bug Summary Release
1251161 Ship CSS positioned mask support on beta & release channels mozilla53
1319958 [css-align][css-grid][css-flexbox] Implement the place-items/self/content shorthands mozilla53
1271549 Remove preference "dom.details_element.enabled" for <details> and <summary> mozilla53
1303654 Enable basic shapes clip-path clipping on Nightly & Aurora mozilla53
418833 can't define the style of input when the type is set to "checkbox" or "radio" with CSS mozilla53
1321022 Implement CSS support for the font-variation-settings property mozilla53
1295788 Remove layout.css.display-contents.enabled pref mozilla53
1301638 Using runtime pref to enable/ disable CSS mask properties ---
736431 Inline <svg> is given the CSS default height of 150px when the height is not explicitly specified ---
1304698 Enable mask-image for chrome code in all channels ---
426447 hasFeature broken for SVG 1.1 style SVG detection - regression. ---
912434 text-overflow: ellipsis does not work, when specified on an element that has "display: flex" ---
1316341 CSS animation-iteration-count spec says single value but is implemented taking multiple values ---
590468 Reduce size of chrome document layer due to status bar ---
1040695 Implement missing CSS3 Box Alignment values ---
1308963 Content with -webkit-mask-size but not -webkit-mask-repeat is clipped in Firefox, not Safari mozilla52
1266570 "clip-path" shapes don't transition between percent and pixel coordinates mozilla52
1235922 [css-flexbox] Implement flexbox layout for "justify-content: space-evenly" & "align-content: space-evenly" mozilla52
1287983 Implement transitionstart/transitionrun event mozilla52
1295456 Implement css-color-4 changes to color function syntax mozilla52
1300895 Unprefix css3 multi-column properties (and add back -moz prefixed versions as aliases, for now) mozilla52
1064937 CSS Animations should support @keyframes animations of non-interpolable properties mozilla52
1217086 [css-grid] Enable CSS Grid by default mozilla52
1221524 [css-flexbox] Implement Flexbox layout for align|justify-self:baseline|last-baseline mozilla52
1306214 Remove -moz-use-text-color from color properties mozilla52
1267515 Implement better support of nested ruby mozilla52
1151204 [css-grid] Implement Grid container Baselines mozilla52
1293786 Remove SVGDocument mozilla52
1243846 Implement Intersection Observer API mozilla52
1273804 mask-position is not animatable mozilla50
1259345 Let layout.css.prefixes.webkit ride the trains mozilla49
1258657 Update the default style of summary element to match the html spec mozilla48
1259889 Consider adding an internal-only syntax for @supports to detect pref mozilla48
1228354 (mask-image) Support 'luminance' and 'match-source' values for 'mask-mode' mozilla48
1243734 Have a pref to enable/ disable all new mask CSS properties added in bug 686281 mozilla48
1260366 first-letter doesn't apply on dash [maybe another punctuation symbols] mozilla48
1241750 Enable <details> and <summary> on Nightly/Aurora mozilla48
1209273 implement the 'color-adjust' CSS property to allow pages to opt in to printing background colors and images (-webkit-print-color-adjust) mozilla48
1218706 Make unicode-bidi: isolate the default for elements with a dir attribute mozilla47
686281 Implement CSS Mask Image properties (mask, mask-image, etc.) mozilla47
1250342 rename text-align(/-last): true to unsafe mozilla47
1251999 [css-grid] Update <fixed-size> parsing to the latest spec mozilla47
1236979 Send 'webkitTransitionEnd', 'webkitAnimationEnd' etc. events instead of their standard equivalents, if listeners only exist for prefixed event name mozilla47
1230478 [css-grid][css-align]Rename 'true' to 'unsafe' mozilla46
1239128 Implement LinkStyle for SVGStyleElement interface mozilla46
1213126 Enable layout.css.prefixes.webkit by default (though this was later restricted to non-release builds, in bug 1238827) mozilla46
1118820 [css-grid] Implement auto-fill, auto-fit in the repeat() function mozilla46
1230207 [css-grid][css-flexbox] Implement grid/flex layout for <fieldset> mozilla46
1233106 implement changes to css-align property computation mozilla46
1157064 experimental implementation of font-display CSS @font-face descriptor mozilla46
1221677 [css-grid] Put the 'subgrid' support behind a pref, disabled by default mozilla45
1176782 [css-grid][css-align] Implement full support for the CSS Box Alignment spec in the style system. mozilla45
1000592 Enable CSS Grid by default in non-release channels mozilla45
1224424 mask-mode must not have a value called 'auto' mozilla45
1215484 Figure out how high contrast / "ignore author colors" should apply to SVGs mozilla44
920734 support window.orientation and orientationchange event mozilla44
1126230 Use top layer for Fullscreen API mozilla44
1149381 enable the preference for the CSS Font Loading API in release builds mozilla41
1072101 implement the remaining Set-like API of FontFaceSet mozilla40
1152033 expose CSS tokenizer to javascript mozilla40
1028716 update values of -moz-orient for <progress> and <meter> to remove 'auto', and add 'inline' (new initial value) and 'block' values with writing-mode support mozilla40
1125455 rewrite cascading of CSS Transitions and Animations to match current spec mozilla39
649142 support logical box properties (-start/-end) without hidden longhand properties mozilla38
960465 rewrite starting of CSS transitions to match current spec mozilla38
1107584 ship <marker orient="auto-start-reverse"> mozilla37
886390 Assigning to innerHTML on an SVG element should create elements in the SVG namespace mozilla36
1087559 Enable CSSOM-View scroll behavior DOM method extensions by default (Except for Fennec) mozilla36
1074056 Add support for interpolation hints to CSS gradients mozilla36
1087562 Enable CSSOM-View scroll behavior CSS property by default (Except for Fennec) mozilla36
1045754 Implement alternative to CSSOM-View scroll-behavior Element.scrollTop and Element.scrollLeft extensions mozilla36
975744 enable font-variant-* / font-feature in release by default mozilla34
1015474 Update min-width:auto/min-height:auto support to match updated flexbox spec language mozilla34
1041951 convert font-variant to a shorthand and parse font-variant subproperty values mozilla34
1022818 Implement CSSOM-View smooth scrolling DOM Methods mozilla34
966166 Implement @counter-style rule mozilla33
1006595 Add domUtils.GetCSSSubPropertiesForProperty, getCSSPropertyIsShorthand, CSSPropertySupportsType (Color, Gradient etc.) mozilla33
1024707 Add API to register style sheets but without loading them mozilla33
1035106 Add new APIs to DOMUtils: colorToRGBA, IsValidCSSColor & cssPropertyIsValid mozilla33
999964 Implementation Proposal for 'clipped' option of SVG 2 getBBox method. mozilla32
1008455 Avoid loading the xul.css UA style sheet when possible mozilla32
918189 Implement Node.convertPoint/Rect/QuadFromNode mozilla31
957833 ship CSS Variables (that is, enable the preference) mozilla31
850805 Implement DOMPoint (aka WebKitPoint) mozilla31
983528 enable paint-order property by default mozilla31
917755 Implement Node.getBoxQuads mozilla31
964200 Implement Filter Effects Module feDropShadow filter mozilla30
966992 Implement overflow-clip-box: content-box mozilla30
944291 Cropping of element with css transform + animation applied, starting in Firefox 25 mozilla29
773296 implement CSS3 variables mozilla29
943249 The overflow property on an <iframe> is propagated to the viewport of the inner document (unlike other UAs) mozilla29
946920 Moving a child element outside of a parent element while moving the parent element, both using transform: translate(), will cause the child element to disappear mozilla29
956513 SVG text is drawn with wrong position mozilla29
939784 Provide a notification when the applicable state of a style sheet changes mozilla28
947728 Provide a way for content to hide <input type=number>'s spinner mozilla28
798843 change value names for -moz-objectFill to context-fill etc., and put them behind opentype SVG pref mozilla26
835048 Figure out if SVGElement.ownerSVGElement should throw mozilla26
879659 implement <marker orient="auto-start-reverse"> from SVG 2 mozilla25
887741 Allow CSS at-rules in declaration lists mozilla25
569722 Firefox SVG support does not implement the textLength and lengthAdjust attribute functionality of <text> elements mozilla25
771551 Add CSS Media Query media feature for device hardware buttons mozilla24
549861 implement parsing of font feature properties mozilla24
453650 mechanism for tracking reflows in debugger mozilla24
851379 Make flex item vertical margin/padding resolve percentages against height of the flex container mozilla23
785606 Consider implementing viewBox="none" from SVG 1.2 Tiny mozilla22
827799 Visually Hidden HTML 5 technique does not hide the caption in a table mozilla21
804944 add preferences for sets of CSS prefixed properties mozilla19
745025 Implement CanvasElement.mozPrintCallback mozilla18
732209 Allow access to the rules of cross-origin sheets that have undergone a CORS check mozilla18
737003 Offer a way to apply user agent stylesheet on a given document mozilla18
774122 limit CSS parser hashless-color and unitless-length quirks to only the properties that need them mozilla17
619964 Implement FillPaint and StrokePaint filter sources mozilla17
512514 Implement hyperlink targeting of animation elements mozilla15
759124 Implement useCurrentView mozilla15
528332 Feature Request: Implement non-scaling-stroke mozilla15
721920 Honor the 'lang' attribute on SVG as we do in HTML mozilla13
665597 Include margin calculations in FinishAndStoreOverflow mozilla12
589640 (ietestcenter) HTML5 Foreign Content 14/24: <altGlyphDef> is not an SVGElement mozilla11
611099 remove handling of percentages as intrinsic widths/heights (SVG height="100%" width="100%" defaults) mozilla11

Browse as bug list.

Documentation requests

Found 35 bugs. Documentation request bugs can contain various kinds work related to MDN pages. Read through the bug and ask questions in the bug if in doubt.

Bug Summary
475817 Better documentation needed for syntax of Mozilla CSS extensions using properties
819654 Convert all samples of the CSS Reference to Live Samples
819657 Convert all samples of CSS tutorials to Live Samples
819658 Translations of CSS Reference must use updated Live Samples
819661 Translations of CSS Tutorials must use updated Live Samples
848308 We need MDC to better document the styling of form controls using pseudo elements
873837 Update "Scaling background images" to cover background-image and background-size
885664 MARGIN-TOP : Confusing explanation about the relative area when using percentage
904680 Missing Documentation (dead links) for Inline Formatting Context
963742 @font-face example font Bitstream Vera Bold is broken in IE9-10 (tested) possibly others.
1071549 Explanation about multiple selectors (comma)
1120964 Split display property in sub pages
1133414 Add page for deprecated media types and groups
1180569 HTML of example output in selectors guide does not reflect the code
1189440 Consider using shepherd (bikeshed tool) in the context of CSSData
1229544 flex-grow fails to describe how it modifies layout
1230720 [meta] Document non-standard <input>-related CSS pseudo-elements & pseudo-classes
1238322 Document WebVTT's :current, :past, :future CSS pseudo-classes
1240279 Document Mozilla-specific pseudo-classes and pseudo-elements for the <meter> element
1247845 The first two examples for CSS transform don't work for me
1252805 text-transform does nothing with ::first-line pseudo-element
1252853 Collapsing margins and flexbox
1252892 @page/size documentation missing (link from @page)
1255315 Can't find the meaning of "display: -moz-box" style attribute
1256335 The description for Max-Height percentage is ambiguous
1267064 Update all CSS2 links to CSS 2.2
1276323 min-height, min-width default should be 'auto', not 0
1276893 Group items in CSS reference by category
1283378 Describe CSS type combinations of percentages
1288492 Broken links on webkit-inner-spin-button page
1291329 A Twitter follower brought up that CSS properties are called "variables" in our documentation.
1307698 The line-height documentation needs to explain how to use it in a font shorthand
1312712 Split filter functions out into their own pages
1318882 fit-content track sizing vs fit-content box size
1319397 'grid' documentation needs updates

Browse as bug list.

Localizations

Please help us to localize this documentation into different languages. Read more about how to translate.

Language Pages Translated Translations up to date
af 743 0 (0%) 0 (0%)
bn-BD 743 12 (1%) 5 (41%)
cs 743 4 (0%) 0 (0%)
de 743 404 (54%) 155 (38%)
es 743 350 (47%) 198 (56%)
fa 743 4 (0%) 2 (50%)
fr 748 748 (100%) 666 (89%)
it 743 34 (4%) 6 (17%)
ja 743 388 (52%) 128 (32%)
kab 748 1 (0%) 1 (100%)
ko 743 123 (16%) 70 (56%)
nl 743 11 (1%) 4 (36%)
pl 743 138 (18%) 14 (10%)
pt-BR 743 100 (13%) 38 (38%)
pt-PT 743 65 (8%) 4 (6%)
ro 743 3 (0%) 0 (0%)
ru 745 147 (19%) 44 (29%)
tr 743 9 (1%) 6 (66%)
zh-CN 743 279 (37%) 120 (43%)
zh-TW 743 33 (4%) 12 (36%)

Missing pages

Learn more about how to document a CSS property.

Missing standard CSS entities implemented in Gecko

Notes

Tagging standard

  • Every page should have the tag "CSS".
  • CSS properties belonging to a group have the tag of that group. E.g. "CSS Flexible Boxes"

Wishlist

Ideas for future projects or things the ideal CSS documentation should have:

  • Compatibility summary list
  • CSS variables
  • CSS to style forms (non-standard, including Chrome and IE specific styling)
  • Better CSS flexbox documentation

Macros

These macros are maintained and actively used in the MDN CSS area. If you want to create and use a new macro, please talk to MDN admins and the CSS topic driver.

Help the 'CSS' documentation project…
Topic driver : Jean-Yves Perrier (IRC nickname: teoli)
Look at the current status of the 'CSS' documentation.
Don't hesitate to contact us on #mdn or on the dev-mdc mailing-list:

Document Tags and Contributors

 Contributors to this page: Sebastianz, fscholz, TylerH, jswisher, teoli
 Last updated by: Sebastianz,