31:[] 2f:{"title":"SVG dominant-baseline","cells":[{"id":0,"value":"# SVG dominant-baseline\n\nShowcasing the alternatives for the SVG text attribute `dominant-baseline`.\n\n\"The `dominant-baseline` attribute specifies the dominant baseline, which is the baseline used to align the box's text and inline-level contents. It also indicates the default alignment baseline of any boxes participating in baseline alignment in the box's alignment context.\" [―](https://english.stackexchange.com/a/59320/397692) [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline)","pinned":false,"hidden":false,"mode":"md"},{"id":58,"value":"viewof settings = Inputs.form({\n fontSize: Inputs.range([2, 100], {\n transform: Math.log,\n step: 0.01,\n label: \"Font size\",\n width: \"100%\",\n value: 20\n }),\n fontFamily: Inputs.radio([\"inherit\", \"serif\", \"sans-serif\", \"monospace\"], {\n label: \"Font family\",\n value: \"inherit\"\n }),\n sample: Inputs.text({\n label: \"Sample\",\n value: \"QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm0123456789\",\n width: \"100%\"\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"{\n const lineHeight = Math.ceil(settings.fontSize / 2) * 4 + 1;\n const dy = lineHeight / 2;\n return html`

\n ${alternatives.map(\n (\n d\n ) => html``\n )} \n \n

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"alternatives = \"auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top\".split(\n \" | \"\n)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}