freesewing/sites/dev/docs/reference/api/attributes/renderascss/readme.mdx

---
title: Attributes.renderAsCss()
---

The `Attributes.renderAsCss()` method will render attributes as a string
suitable for inclusion in a CSS definition.

## Signature

```js
string attributes.renderAsCss()
```

## Example

```js
const attr = new Attributes()
  .add('stroke', 'red')
  .add('stroke-width', 2)
  .add('stroke-dasharray', '3 1')

const css = `
path {
  ${attr.renderAsCss()}
}
`
```