CSS: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(→‎Platform priorities: updated CSS platform priorities with Jet)
(finished most of the rest of the things, a few things dropped, drop unmaintained dashboard & old meta bugs, forward to GeckoGoalsfor2021#CSS for current CSS priorities)
 
(120 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{stub}}
CSS is short for Cascading Style Sheets (CSS), and typically includes the full set of Selectors, CSS properties, values, and @-rules supported by browsers.


= CSS =
CSS is one of several web [[standards]].
This is the Mozilla wiki home page for Cascading Style Sheets (CSS).
{{Special:PrefixIndex/{{FULLPAGENAME}}/}}


== Platform priorities ==
For documentation on CSS, how to develop for it, use various properties, see:
The following CSS specs/proposal are a priority for the [[Platform]].
* https://developer.mozilla.org/en/CSS


=== Actively Implementing ===
<span style="float:right">__TOC__</span>
* [https://bugzilla.mozilla.org/show_bug.cgi?id=1149357 srcset intrinsic size]
= CSS =
* Flexbox fixes (eg. [https://bugzilla.mozilla.org/show_bug.cgi?id=812687 812687] )
== Priorities ==
 
* See [[GeckoGoalsfor2021#CSS]]
* CSS Grid and Subgrid
* [https://drafts.csswg.org/css-shapes/ CSS Shapes] (CR) - [https://bugzilla.mozilla.org/show_bug.cgi?id=1098939 shape-outside]
* [[CSS/Houdini|CSS Houdini]] - see inside for Houdini implementation thoughts/plan
 
* [https://drafts.csswg.org/css-align/ CSS Alignment] (WD), https://bugzilla.mozilla.org/show_bug.cgi?id=1105570
 
* CSS multicol unprefixing, column-span, a11y bug hack removal, , column-break
 
* 3D Transform interop / spec changes
 
* [https://drafts.csswg.org/css-inline/ CSS Inline Layout Module Level 3] ([https://www.w3.org/TR/css-inline-3/ TR WD]) - specifically just CSS Initial-letter related features
 
* CSS clip-path
 
==== Under the hood and related ====
* [https://bugzilla.mozilla.org/show_bug.cgi?id=1243581 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)
* [https://drafts.csswg.org/mediaqueries-4/#mf-interaction CSS Media Queries 4] work (interaction, negation, etc) - https://bugzilla.mozilla.org/show_bug.cgi?id=1035774
* Selectors4
** CSS [https://drafts.csswg.org/selectors-4/#placeholder :placeholder-shown]
** CSS [https://drafts.csswg.org/selectors-4/#the-focus-within-pseudo :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)
* [https://drafts.fxtf.org/filters-2/#BackdropFilterProperty Filter Effects Module Level 2] - [https://bugzilla.mozilla.org/show_bug.cgi?id=1178765 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 Align
* Cascade
* Grid
* 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 ===
Related ([[HTML5]])
* HTML5 dialog element (fullscreen interactions, and since [https://bugzilla.mozilla.org/show_bug.cgi?id=981796 showModalDialog being deprecated/removed]) [https://bugzilla.mozilla.org/show_bug.cgi?id=840640 #840640]
* ...
 
 
=== Shipping Soon ===
As the above priorities get implemented, moving down here to note we're waiting for them to ship.
 
49:
* [https://drafts.fxtf.org/masking/ CSS Masking] ([https://www.w3.org/TR/css-masking-1/ 2014 CR]), https://bugzilla.mozilla.org/show_bug.cgi?id=686281
* CSS handling of HTML5 &lt;details> &lt;summary> - https://bugzilla.mozilla.org/show_bug.cgi?id=591737
* [https://bugzilla.mozilla.org/show_bug.cgi?id=550426 Background-position x/y]
48:
* [https://drafts.csswg.org/css-values-3/#calc-notation calc() for numbers / unit algebra] (CR/WD), https://bugzilla.mozilla.org/show_bug.cgi?id=594933


== properties ==
== properties ==
Line 95: Line 20:
* ...
* ...


=== in development ===
== Previously ==
CSS properties which have not yet made it to a Candidate Recommendation (or later), or are only implemented in the wild in prefixed form.
* 2019 Metabug for CSS Priorities: https://bugzilla.mozilla.org/show_bug.cgi?id=1424418
* 2018 public input: https://twitter.com/t/status/939273644043366400
** Subsequently discussed by the Platform Layout team at [[Yallhands]] and by the Layout team at [[Mozlando2018]]


==== new pseudo-classes ====
== See Also ==
* ...
{{Special:PrefixIndex/{{FULLPAGENAME}}/}}
* [[CSS/:autofill|:autofill]]
* ...
 
==== new properties ====
* ...
* [[CSS/text-size-adjust|text-size-adjust]] (-moz-, -ms-, -webkit-)
* ...
 
== see also ==
* https://developer.mozilla.org/en/CSS
* [[CSS3]]
* [[CSS3]]
* [[HTML5]]
* [[DOM]]
* [[Standards]]
* [[Standards]]
* [[Platform]]
* [https://developer.mozilla.org/en/CSS MDN: CSS home page]
* [https://wiki.csswg.org/ CSS Working Group Wiki]

Latest revision as of 17:51, 20 April 2021

CSS is short for Cascading Style Sheets (CSS), and typically includes the full set of Selectors, CSS properties, values, and @-rules supported by browsers.

CSS is one of several web standards.

For documentation on CSS, how to develop for it, use various properties, see:

CSS

Priorities

properties

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

Previously

See Also

Retrieved from "https://wiki.mozilla.org/index.php?title=CSS&oldid=1235119"