I went to the CSS reference docs to see how you would do this. I was thinking there could be a CSS rule like `character-form: isolated` or `text-transform: arabic-isolated`. There actually is a `text-transform: initial` but the initial part is a global value to reset the rule, not transforming the character to the initial form.
Searching the docs for "medial" (a less noisy name than initial or final) gave me the deprecated SVG attribute `arabic-form` which only existed on the <glyph> element in Chrome 1-39 and is supported nowhere today.
I kind of think you would need Javascript for this. I’m honestly a bit surprised there isn’t a text-transform option for arabic form, like `text-transform: uppercase` for latin, greek, and cyrillic characters. But that probably may be an indication on how rare it is that people actually change the form of arabic characters programmatically.
Searching the docs for "medial" (a less noisy name than initial or final) gave me the deprecated SVG attribute `arabic-form` which only existed on the <glyph> element in Chrome 1-39 and is supported nowhere today.
I kind of think you would need Javascript for this. I’m honestly a bit surprised there isn’t a text-transform option for arabic form, like `text-transform: uppercase` for latin, greek, and cyrillic characters. But that probably may be an indication on how rare it is that people actually change the form of arabic characters programmatically.