CSS Outline

Outline is like border but does not take space.

David Miller

Dec 23, 2025

39.3k981

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