# Outline

A line around an element that takes up no space, used for focus rings.

## What is an **outline** in CSS?

An **outline** is a line drawn around an element outside its border. It takes up no space, which makes it ideal for focus rings.

```css
a:focus-visible { outline: 3px solid orange; outline-offset: 2px; }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/outline