CSS

From MozillaWiki
Jump to: navigation, search

This is the Mozilla wiki home page for Cascading Style Sheets (CSS).

CSS/:autofillCSS/Houdini
CSS/text-overflowCSS/text-size-adjust

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, just waiting on feature-interaction tests to go PR) implementation. We are working on some fixes to make it even better, e.g.

Grid

Grid Level 2

Shapes

Box Alignment

Multi-column

(Jen has a demo of bugs / test page at http://labs.jensimmons.com/examples/multicolumn-3-bug-demo.html)

Containment

3D Transforms

Inline Layout

Masking

Sizing

CSS Intrinsic & Extrinsic Sizing Module Level 3 (WD)

  • intrinsic size keywords: fix bug 567039 and bug 1055887 and maybe others and unprefix (meta: 1312587)

Text Decoration

CSS Text Decoration Module Level 3 (2013 CR) (metabug)

Under the hood and related

Evaluating

Font Rendering Controls

CSS Font Rendering Controls Module Level 1 (ED)

Font Loading

CSS Font Loading Module Level 3 https://developer.mozilla.org/en-US/docs/Web/API/CSS_Font_Loading_API shipped in 41

Other

  • font inflation removed
  • CSS Transform properties (shorthands)

Related HTML5

HTML5 layout and presentation related work:


Recent CRs

At the TPAC 2016 CSS WG f2f, the WG resolved to work on taking the following WDs to CR by end of 2016.

Recent CRs before the f2f:

Cascading and Inheritance

These have made it into CR since that f2f:


Upcoming CRs

These CRs are expected by 2017 Q1:

For all potential CRs:

  • Which browsers have openly announced implementations or intent to implement? (links?)
  • Box Alignment (see above)

Text Level 3


Expected 2017 CRs

Several WDs and existing CRs were expected to be (re)published as CRs in 2017 Q1, at the 2017-01-12 CSSWG f2f (see IRC log / minutes for that day).

Selectors 4

Selectors 4 (need list of changes since 3), metabug

  • No explicit dependency on Stylo, just lower priority
  • Selectors4 remaining features
    • CSS ::selection fixes + unprefixing
    • ... remaining new features? (JS)


Shipping Soon

As the above priorities get implemented, moving down here to note we're waiting for them to ship.

51:

52:


Post Stylo Integration

CSS Color Level 4

CSS Color Module Level 4 (ED)

  • Color improvements (wide gamut, color correction, note CSS color correction preffed off)
  • The "making rgb/hsl equivalent to rgba/hsla" piece has already landed, in bug 1295456

Media Queries 4

Values and Units 3

CSS Values and Units Module Level 3 (CR)

  • [ ] attr function (at risk) — very useful in combination with CSS Shapes, in the context of a CMS

Image Values and Replaced Content

CSS Image Values and Replaced Content Module Level 3 (CR)

  • image() function
  • [ ] xywh fragment syntax

Style sheet APIs for Add-ons

  • style sheet APIs in add-ons SDK / loading async APIs (to be handled by stylo)

Filter Effects Level 2

Motion Path Module

https://www.w3.org/TR/motion-1/ (currently Working Draft)

Device Adaptation

CSS Device Adaptation Module Level 1 (ED)

Houdini

  • CSS Houdini - see inside for Houdini implementation thoughts/plan

properties

Please add subpages for each (unprefixed) CSS property in alphabetical order.

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

new properties

see also