W3C Math-on-Web CSS Task Force
Math On Webpages CG

CSS Task Force

The CSS Task Force focuses on visual rendering using CSS.

Current work

The Taks Force currently works on three aspects of visual layout.

Identifying and documenting best practices

By identifying existing tools and documenting the state of CSS as it pertains to math rendering on the web, the Task Force aims to enable practitioners to provide best-in-class rendering.

Investigating new directions for visual rendering

By developing prototypes, the Task Force aims to identify potential improvements to existing tools and processes for producing visual rendering.

Recommendations for web standards

Based on its work, the Task Force aims to recommend improvements to CSS.

Results

The following preliminary results have been gathered.

• Baseline alignment
  1. Under/over, sub+supscripts and fractions using nested flexbox. Code sample.
  2. Under/over using nested inline-table. Code sample.
• Stretchy constructions
  1. Vertical stretchy construction in pure CSS (with webfonts). Code sample.
  2. Traditional vertical construction (switching between fonts/glyphs and stretchy construction) using element/container queries, CSS (with webfonts). Code sample.
  3. Horizontal (single-element) stretchy brace using CSS radial gradients. Code sample.

On GitHub you can find relevant issues via the css tag.