CSS Properties in SVG

Background

SVG 2 references many properties that are defined in CSS modules. In some cases properties are new and in several cases they have been co-opted out of SVG 1.1. The modules that SVG 2 relies on are in various states of preparation (CR, LC, WD, ED, etc.). How do we deal with this?

Here are some examples:

Writing Modes Level 3 (CR)

• direction
• writing-mode (redefined)
• unicode-bidi
• text-orientation (replaces glyph-orientation-vertical), marked at risk

There's a note that in HTML one can turn off style so one should use the "dir" attribute. Is this a problem in SVG?

No baseline properties defined. Both this spec and CSS Inline mention baselines. SVG defines:

• dominant-baseline
• alignment-baseline
• baseline-shift (To be replaced by 'vertical-align', however Inkscape uses 'super' and 'sub' values to flag superscripts and subscripts)

Is there a '/' missing in Example 1?

Text Decoration (CR)

• text-decoration-line
• text-decoration-style
• text-decoration-color
• text-decoration-fill (agreed to at TPAC)
• text-decoration-stroke (agreed to at TPAC)

Shapes 1 (CR)/Shapes 2 (ED)

• shape-inside
• shape-margin
• reference SVG shapes

Image Values and Replacement Content 3 (CR 2012)

• image-rendering (redefined)

Text 3 (LC)

Entire spec.

Transforms (WD)

Entire spec.

Compositing and Blending (CR)

Entire spec.

Filter Effects (WD CR)

Entire spec.