<!-- AUTO-GENERATED FILE. Do not edit manually. -->

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| width | Controls how wide images appear on the page. 'auto' lets the image size itself naturally, while specific values (px, %, em, rem, vw) set a fixed width.<br>CSS variable: --wm-picture-width |
| height | Controls how tall images appear on the page. 'auto' lets the image size itself naturally, while specific values (px, %, em, rem, vh) set a fixed height.<br>CSS variable: --wm-picture-height |
| radius | Controls the corner rounding of images. When set to 'none', images have sharp corners. Higher values create more rounded corners for a softer appearance.<br>CSS variable: --wm-picture-radius |
| padding | Controls the internal spacing around images (the space between the image and its border). This creates breathing room around the image content.<br>CSS variable: --wm-picture-padding |
| border.color | Sets the color of the outline around images. This creates a colored border around the image to define its boundaries.<br>CSS variable: --wm-picture-border-color |
| border.style | Controls the style of the outline around images. 'none' removes the border, 'solid' creates a continuous line, 'dashed' creates a dotted line, 'dotted' creates small dots.<br>CSS variable: --wm-picture-border-style |
| border.width | Controls the thickness of the outline around images. When set to 0, there's no visible border. Higher values create thicker borders around the image.<br>CSS variable: --wm-picture-border-width |
| background | Sets the background color of images (the area behind the image). When set to 'transparent', images have no background color, making them transparent.<br>CSS variable: --wm-picture-background |