CSS

CSS 2.1, plus...

• Selectors
• Color
• Media Queries
• Backgrounds and Borders
• Fonts
• etc.

CSS in Firefox 3

• display: inline-block and inline-table
• font-size-adjust
• rgba() and hsla() colors
• -moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available on width, min-width, and max-width
• ime-mode
• text-rendering
• -moz-border-*-start, -moz-border-*-end
• white-space: pre-wrap
• :default pseudo-class
• content: none, cursor: none
• bugs fixed through rearchitecture (intrinsic widths, dynamic changes, paint order)
• Fixed bugs with window.getComputedStyle(), dynamic updating of selectors, negative z-index

CSS in Firefox 3.5

• downloadable fonts
• media queries
• CSS transforms
• SVG effects in HTML
• full :before and :after
• :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :first-of-type, :last-of-type, :only-of-type selectors
• 'ch' units
• text-shadow
• word-wrap
• white-space: pre-line
• -moz-box-shadow
• -moz-border-image
• -moz-column-rule (-*)

CSS in Firefox 3.6

• multiple background layers
• -moz-background-size
• background-image: -moz-linear-gradient, -moz-radial-gradient
• background-image: -moz-image-rect()
• image-rendering
• text-align: end
• pointer-events (partial)
• better handling of DOM changes for display: table-*
• 'rem' unit
• :indeterminate selector (checkboxes)

CSS in Firefox 3.7 (?)

• CSS transitions
• SMIL animation of CSS
• new WOFF downloadable font format

Future possibilities

• control over color management
• page-break-before, -after, -inside
• Flexible box model
• calc(50% - 6px)
• CSS animations?
• remaining css3-background features
• text-overflow: ellipsis
• CSS control of opentype features
• SVG fonts?
• font-stretch
• vertical text?
• grid layout?

Questions

Q: value of bugs (e.g., floats) vs. features?

• Q: which features are important?
• Q: which bugs are important?

Q: value of copying what other browsers do (so that authors can use them on the Web) vs. doing the things that we think are most important (and hoping other browsers will follow)?

Q: How much should we improve bad solutions (e.g., floats for layout) vs. come up with better ones (e.g., flexbox, grids)?

Q: Does spec completeness matter? (e.g., CSS2.1: @page, run-in)