Info
This site is generated using the static site generator developed by the Typst Community. Please adjust the text content of this banner according to your usage requirements. At Typst GmbH's request, when publishing documentation, you must clearly indicate that it is non-official and display the version of Typst being documented. For details, refer to Issue #874 on typst/typst.
TypstDocumentEnglish
v0.dev.2025-09-12

skew
Element
Element
Element functions can be customized with set and show rules.

Skews content.

Skews an element in horizontal and/or vertical direction. The layout will act as if the element was not skewed unless you specify reflow: true.

Example

#skew(ax: -12deg)[
  This is some fake italic text.
]
Preview

Parameter
Parameter
Parameters are input values for functions. Specify them in parentheses after the function name.

ax
Settable
Settable
Settable parameters can be set using the set rule, changing the default value used thereafter.

The horizontal skewing angle.

Default value:

0deg

Show example
#skew(ax: 30deg)[Skewed]
Preview

ay
Settable
Settable
Settable parameters can be set using the set rule, changing the default value used thereafter.

The vertical skewing angle.

Default value:

0deg

Show example
#skew(ay: 30deg)[Skewed]
Preview

origin
Settable
Settable
Settable parameters can be set using the set rule, changing the default value used thereafter.

The origin of the skew transformation.

The origin will stay fixed during the operation.

Default value:

center + horizon

Show example
X #box(skew(ax: -30deg, origin: center + horizon)[X]) X \
X #box(skew(ax: -30deg, origin: bottom + left)[X]) X \
X #box(skew(ax: -30deg, origin: top + right)[X]) X
Preview

reflow
Settable
Settable
Settable parameters can be set using the set rule, changing the default value used thereafter.

Whether the skew transformation impacts the layout.

If set to false, the skewed content will retain the bounding box of the original content. If set to true, the bounding box will take the transformation of the content into account and adjust the layout accordingly.

Default value:

false

Show example
Hello #skew(ay: 30deg, reflow: true, "World")!
Preview

body
Required
Required
Required parameters must be specified when calling the function.
Positional
Positional
Positional parameters can be set by specifying them in order, omitting the parameter name.

The content to skew.

Open official docs

Search