---
url: /api/formats/components/src/functions/focusOutlineCss.md
---
[pantoken-root](../../../../index.md) / [formats/components/src](../index.md) / focusOutlineCss

# Function: focusOutlineCss()

> **focusOutlineCss**(`options?`): `string`

Beta

Build the focus-outline block: the `--instui-focus-outline-*` token defs plus the ring rules.
Baked into `base.css` (so focusables get the ring out of the box), and reusable by other layered
outputs (e.g. the Pendo renderer) via the `selector`/`tokenSelector` options.

```demo
self:focus-outline
```

## Parameters

### options?

`selector` — the focusable selector; `tokenSelector` — where the token defs land
(default `:where(:root)`).

#### selector?

`string`

#### tokenSelector?

`string`

## Returns

`string`

The CSS string.