“Element Shape” (`ELSH` in CSS) is an [axis](/glossary/axis_in_variable_fonts) found in some modular [variable fonts](/glossary/variable_fonts) where letterforms are composed using multiple copies of the same element. In these fonts, the Element Shape axis controls the shape of the element. The element can “snap” from one shape to another, or gradually morph between each one. The [Google Fonts CSS v2 API](https://developers.google.com/fonts/docs/css2) defines the axis as: | Default: | Min: | Max: | Step: | | --- | --- | --- | --- | | 0 | 0 | 100 | 0.1 |
![An image showing three type specimens, each with an axis slider underneath. The specimen on the left shows the effects of the axis’ lowest value. The specimen in the middle shows the effects of the axis’ middle value. The specimen on the right shows the effects of the axis’ highest value.](images/thumbnail.svg)
The letters “tak” in the Handjet typeface are shown three times, with different Element Shape axis locations shaping the elements that construct the letterforms into triangles, ovals, and hearts.
As with the [Element Grid](/glossary/elgr_axis) axis, Element Shape alters the structure of the letterforms in a way that may change the minimum font size at which the typeface is legible. The axis tag starts with `EL`, which is an abbreviation of ‘Element’. This prefix is used for the group of axes (ELSH, ELGR, ELXP) related to modular typefaces — those with glyphs composed of elements. This axis was first introduced in the [Handjet](https://fonts.google.com/specimen/Handjet) typeface.