Additional Styles

Labels

Labels is the first non-CSS style FFL provides. As seen below, you can attach automatically placed labels to your formula with the label property.

y = \beta_0 + \beta_1 x_1 + \beta_2 x_2 + \dots + \beta_M x_M

There are also a few additional properties to customize the labels. For instance label-position: [above|below] specifies the position of the label as the name indicates. label-marker: [line|extent] specifies the style of the connector.

While the labels place automatically, the connectors of leader lines are placed at the outer boundaries of the formula, due to the limitation of the current implementation where struts generated by KaTeX is not distinguished from visible elements. You can nudge the connectors by using label-marker-offset-[x|y]. The units for the offsets are always px and follows the same axis directions as the browser (or its svg coordinates).

CSS-Derived Styles

FFL also overrides background-color and border with some customized behaviors. It respects the bounding rect of your selections as a whole, instead of applying the styles to each individual elements.

y=mx+b

Due to the same issues with struts mentioned above, sometimes the bounding boxes might extend beyond the formula boundary. We intend to fix this, but there is currently no timeline. Any suggestion for solution is welcome.