Vixen
dd8b0a81
csharp
public enum TextDecorationStyle

How text-decoration-style draws that line.

Read the guide page for this →

Remarks

⚠ Four of CSS's five, and this used to be two. dashed and dotted were absent because there was no dash pattern anywhere in Vixen.Ui — the same measurement border-style, divide-<style> and outline-<style> were all recorded under, four families reading partial for one missing thing. There is one now: Dashes distributes the marks and DrawListBuilder emits a rectangle each.

⚠ A bar is the easy consumer of that pattern and it is worth saying why. A decoration is an axis-aligned rectangle with no corner radius, so breaking it up is breaking up a length — no path, no stroke, no tessellation, and the software rasteriser and the device draw the pieces because they are drawing the same quad they already drew. A border's ring is the hard one, and it is hard for the corners rather than for the pattern.

⚠ wavy stays absent, and it is absent for a reason the dash pattern does not touch. A wave is a stroked path where every other decoration is a rectangle: it needs the tessellator, a thickness that is a stroke width rather than a height, and an amplitude and a period CSS does not state. A decoration-wavy that resolved and painted a straight line is the inert family UtilityConsumptionGateTests exists to keep out.

Fields and properties (4)

  • Solid

    One bar. CSS's initial value.

  • Double

    Two bars, separated by a gap of the same thickness.

  • Dashed

    One bar broken into marks three times the thickness, with gaps of twice it.

  • Dotted

    One bar broken into square marks one thickness long, with gaps of one.

Used by (3)

  • DrawListBuilderVixen.Ui
  • TextDecorationVixen.Ui
  • TextRunVixen.Ui