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

# Function: focusOutlineRules()

> **focusOutlineRules**(`selector?`): `string`

Beta

The focus-ring rules for a given focusable selector: a transparent resting ring that transitions in
on `:focus-visible`, plus the `-focus-color-*` / `-focus-position-inset` / `-focus-within` /
`-without-focus-animation` modifiers. All `:where()`-wrapped, so zero-specificity.

## Parameters

### selector?

`string`

The focusable selector the base ring applies to (default [FOCUSABLE_SELECTOR](../variables/FOCUSABLE_SELECTOR.md)).

## Returns

`string`

The CSS rules string.