# Stroke

The stroke property enables you to create a border around your shape and specift its width (thickness) and fill (color).

To add or edit the stroke of your shape:

* Select the shape and go to the property panel
* Click '+' on the Stroke property
* Edit the Width and Fill as desired

### Stroke width

Stroke width determines how thick the border of your shape is. To adjust the stroke width of your shape:

* Go to the 'Stroke' property section in the property panel
* Adjust the width here: 

![](/files/JaizJn92Sp9tLqkLOO8O)

### Stroke fill

Stroke fill determines the color of the border around the shape. You can use the color picker to adjust the fill to either solid or gradient, or change the opacity of the fill to make it more or less transparent.

<figure><img src="/files/DNDmsoosjDa7B5YPvKMD" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can stack multiple stroke properties on top of each other on a single layer.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.lottielab.com/editor/properties/stroke.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.