CSS
This article is a stub. You can help MozillaWiki by expanding it.
CSS
This is the Mozilla wiki home page for Cascading Style Sheets (CSS).
Platform priorities
The following CSS specs/proposal are a priority for the Platform.
Actively Implementing
Flexbox
Mozilla has a pretty solid complete Flexbox (W3C CR) implementation. We are working on some fixes to make it even better, e.g.
- 812687 )
Grid
- CSS Grid and Subgrid
Shapes
- CSS Shapes (CR) metabug, shape-outside
Houdini
- CSS Houdini - see inside for Houdini implementation thoughts/plan
Box Alignment
Multicolumn
- CSS multicol unprefixing, column-span, a11y bug hack removal, , column-break
3D Transforms
- 3D Transform interop / spec changes
Inline Layout
- CSS Inline Layout Module Level 3 (TR WD) - specifically just CSS Initial-letter related features
Masking
- CSS clip-path (W3C WD)
- Stylo
- Web Animations API
- PDF support
- Intersection observer
- Resize observer
Evaluating
- Colors 4 syntax
- Color improvements (wide gamut, color correction, note CSS color correction preffed off)
- CSS Media Queries 4 work (interaction, negation, etc) - https://bugzilla.mozilla.org/show_bug.cgi?id=1035774
- Selectors4
- CSS :placeholder-shown
- CSS :focus-within
- CSS ::selection fixes + unprefixes
- SVG related
- [] attr function
- [] xywh fragment syntax
- [] SVG image sizing
- CSS Containment size/layout, style, paint
- CSS Font Loading Improvements, Multiple bugs e.g., https://bugzilla.mozilla.org/show_bug.cgi?id=1157064
- font inflation removed
- style sheet APIs in add-ons SDK / loading async APIs (to be handled by stylo)
- Filter Effects Module Level 2 - backdrop-filter
- CSS Transform properties (shorthands)
Upcoming CRs
At the TPAC 2016 CSS WG f2f, the WG resolved to work on taking the following WDs to CR by end of 2016.
- Box Alignment (see above)
- Cascade
- Grid (see above)
- Media Queries 4
- Scroll Snap
- Selectors 4
- Text
For all potential CRs:
- Which browsers have openly announced implementations or intent to implement? (links?)
Related HTML5
HTML5 layout and presentation related work:
- srcset intrinsic size
- dialog element (fullscreen interactions, and since showModalDialog being deprecated/removed) #840640
- ...
Shipping Soon
As the above priorities get implemented, moving down here to note we're waiting for them to ship.
49:
- CSS Masking (2014 CR), https://bugzilla.mozilla.org/show_bug.cgi?id=686281
- CSS handling of HTML5 <details> <summary> - https://bugzilla.mozilla.org/show_bug.cgi?id=591737
- Background-position x/y
48:
properties
Please add subpages for each (unprefixed) CSS property in alphabetical order.
- ...
- overflow
- ...
- text-overflow
- ...
in development
CSS properties which have not yet made it to a Candidate Recommendation (or later), or are only implemented in the wild in prefixed form.
new pseudo-classes
- ...
- :autofill
- ...
new properties
- ...
- text-size-adjust (-moz-, -ms-, -webkit-)
- ...