CSS Outline

Outline is like border but does not take space.

David Miller

December 22, 2025

1.7k64

Outline looks like border but it does not affect layout.

Example

input:focus {
  outline: 2px solid blue;
}

UI Preview
When user clicks input, blue outline appears.

Real world use:
Focus outline improves accessibility.

#CSS#Beginner