content/files/en-us/web/api/textmetrics/width/index.md at main · mdn/content

Repository navigation

History

41 lines (27 loc) · 857 Bytes

Raw

---

title: "TextMetrics: width property"

short-title: width

slug: Web/API/TextMetrics/width

page-type: web-api-instance-property

browser-compat: api.TextMetrics.width

---

The read-only **`width`** property of the {{domxref("TextMetrics")}} interface contains the text's advance width (the width of that inline box) in CSS pixels.

## Examples

Start with this {{HTMLElement("canvas")}} element:

```html

```

You can get a {{domxref("TextMetrics")}} object using the following code:

```js

const canvas = document.getElementById("canvas");

const ctx = canvas.getContext("2d");

let text = ctx.measureText("foo"); // TextMetrics object

text.width; // 16;

```

## Specifications

## Browser compatibility

## See also

- {{domxref("TextMetrics")}}

FilesExpand file tree

index.md

Latest commit

History

index.md

File metadata and controls