This is a page from the Cascading Style Sheets Working Group Blog. Some other places to find information are the “current work” page, the www-style mailing list, the Future of CSS syndicator, and the issue list on Github.
Do you want to know how the CSS WG works? Fantasai has written about:csswg, An Inside View of the CSS Working Group at W3C.
@page declarations that size the initial containing block. Also discussed whether such units are resolved at computed value time (relative to ICB) or used value time (relative to the page). Plan to ask for feedback from CSS-to-print/PDF implementers, since they have more experience / use cases than browser vendors do.
@supports to make invalid parenthesized expressions also evaluate to false, rather than invalidating the rule.
@supports.
font-size changes.
@document to Level 4 due to open issues.
@import syntax for @supports queries due to lack of proposal.
clip property into the Masking module.
@counter-style rules.
transform-origin into x/y/z sub-properties
@supports is going to L ast Call next week unless people find blocking issues, so don’t forget to review (esp. OM changes)!!
The CSS Working Group has published some cool new stuff!
Flexbox is a new layout model for CSS, and might just be the most densely-awesome spec the CSSWG has produced. The contents of a flex container can be laid out in any direction, can be reordered, can be aligned and justified within their container, and can “flex” their sizes and positions to respond to the available space. We expect this model to be particularly useful for UI layouts.
This module is now officially a W3C-approved Candidate Recommendation, meaning it’s ready for implementation. Significant changes since the Last Call Working Draft are listed in the Changes section and include a thorough overhaul of the examples and intros, to make the spec easier and more interesting to read for authors. We encourage you to check it out, implement it, use it, write tests for it, and, as usual, send any feedback to www-style.
CSS4 Images builds on CSS3 Images, adding feature requests such as
This is an early-stage Working Draft and these new features are extremely unstable (as you might notice from all the bright red “issues” noted inline)! Feedback is welcome as usual on www-style.
width and height keywords to trigger different types of auto-sizing in CSS layouts, such as:
fit-content, to force shrink-to-fit sizing on any element
fill-available, to force standard “fill the available space” block-element sizing on things that typically shrink-to-fit
max-content, to size elements around their content without line breaks
contain-floats, to encompass all descendant in-flow content and as well as floats.
These features were formerly in Appendix D of CSS3 Writing Modes. David Baron has written a bit about them on his blog.
Transforms allows elements styled with CSS to be transformed in two-dimensional or three-dimensional space. Changes since the last Working Draft are primarily clarifications and corrections, and are listed in the www-style announcement.
Conditional Rules Level 3 defines the @media (which allows the use of media queries), @document (which allows URL-specific CSS rules), and @supports rules (which enable feature queries in CSS). The most significant change since the previous WD is the addition of CSSOM APIs for @supports rules and feature queries.
We expect the @document rule will be deferred to the next level (due to all the open issues on the interpretation of URLs) and that the next publication will be a Last Call Working Draft, so reviews and feedback are requested ASAP.
As always, please send feedback to the (archived) public mailing list www-style@w3.org with the appropriate spec code ([css3-flexbox], [css4-images], [css3-sizing], [css3-transforms], or [css3-conditional]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)
url() notation
css-foo-N instead of css3-foo.
overflow on table boxes in Anton’s proposal.
inline-flex box be same as one with ‘overflow: visible’.
querySelector().
CSSConditionRule to have superclass CSSGroupRule.
The CSS Working Group has published updated Working Drafts of the following CSS modules: Fonts Level 3, Regions, Fragmentation Level 3, Selectors Level 4. Additionally, Values and Units Level 3 has been published as a Candidate Recommendation. (The Flexible Box Layout Module was approved by the CSSWG earlier, but is still waiting for the W3C Director’s approval.)
recto and verso values for page-breaking. This is expected to be the last Working Draft before Last Call.
querySelector and related APIs. Changes from the previous draft include the addition of a scoped selector section, wildcard matching and language lists in the :lang() pseudo-class, new drag and drop pseudo-classes, a new :user-error pseudo-class, a syntax change to the subject indicator, and a switch from a :column() pseudo-class to a column combinator. Feedback is requested, particularly on the changes.
rem (like em, but always relative to the root element’s font size) and vh (percent of viewport height) as well as the calc(), toggle(), and attr() functional notations. W3C encourages implementations of this module, and welcomes feedback resulting from such implementation. Changes since the Last Call Working Draft are listed in the Changes section.
As always, please send feedback to the (archived) public mailing list www-style@w3.org with the appropriate spec code ([css3-fonts], [css3-regions], [css3-break], [selectors4], or [css3-values]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)
Browse by date:
Browse by category: