# fill / stroke styles

[browser](../..) ⟩ [canvas](..) ⟩ [graphics state]() ⟩ fill/stroke styles

{% tabs %}
{% tab title="🔴 主題" %}
* [colors](styles/colors "mention")
* [gradient](styles/gradient "mention")
* [pattern](styles/pattern "mention")
{% endtab %}

{% tab title="📘 手冊" %}
* [CanvasRenderingContext2D](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D) ⟩&#x20;
  * fill: [.fillStyle](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle)
  * stroke: [.strokeStyle](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle)
{% endtab %}
{% endtabs %}
