CSS: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(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)
 
(121 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


* [https://bugzilla.mozilla.org/show_bug.cgi?id=1243581 Stylo]
<span style="float:right">__TOC__</span>
* [https://bugzilla.mozilla.org/show_bug.cgi?id=1149357 srcset intrinsic size]
= CSS =
* [[CSS/Houdini|CSS Houdini]] - see inside for Houdini implementation thoughts/plan
== Priorities ==
 
* See [[GeckoGoalsfor2021#CSS]]
* font inflation removed
* Flexbox fixes (eg. [https://bugzilla.mozilla.org/show_bug.cgi?id=812687 812687] )
* CSS multicol a11y bug hack removal, column-span, column-break
* Resize observer
* Containment size/layout, style, paint
* CSS [https://drafts.csswg.org/selectors-4/#placeholder :placeholder-shown]
* CSS [https://drafts.csswg.org/selectors-4/#the-focus-within-pseudo :focus-within]
* [https://drafts.csswg.org/css-inline/ CSS Inline Layout Module Level 3] ([https://www.w3.org/TR/css-inline-3/ TR WD]) - specifically CSS Initial-letter related features
* [https://drafts.csswg.org/css-align/ CSS Alignment] (WD), https://bugzilla.mozilla.org/show_bug.cgi?id=1105570
* style sheet APIs in add-ons SDK / loading async APIs
 
* [https://drafts.csswg.org/css-shapes/ CSS Shapes] (CR) - [https://bugzilla.mozilla.org/show_bug.cgi?id=1098939 shape-outside]
* [https://drafts.fxtf.org/filters-2/#BackdropFilterProperty Filter Effects Module Level 2] - [https://bugzilla.mozilla.org/show_bug.cgi?id=1178765 backdrop-filter]
* [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
* Color improvements (wide gamut, color correction, note CSS color correction preffed off)
* 3D Transform Interop / spec changes
* CSS ::selection fixes + unprefixes
* CSS Font Loading Improvements, Multiple bugs e.g., https://bugzilla.mozilla.org/show_bug.cgi?id=1157064
* CSS clip-path
 
* Colors 4 syntax
* [] attr function
* [] xywh fragment syntax
* [] SVG image sizing
* CSS Transform properties (shorthands)
 
 
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 62: 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"