css Beginner

Outline HTML elements

Outline HTML elements
CSS Outline Demo

Open this example in our interactive code editor to experiment with it.

Try the Editor

Select all selector and the outline

* {
  outline: 1px solid red;
}

Summary

  • Add the above code to your main CSS file to take effect.
  • Select all selector targets all HTML elements and adds outline to them.

Try this in our interactive code editor

Practice hands-on with our built-in code sandbox.

Open Code Editor
Adrian Bigaj
Adrian Bigaj

Creator of BigDevSoon

Full-stack developer and educator passionate about helping developers build real-world skills through hands-on projects. Creator of BigDevSoon, a vibe coding platform with 21 projects, 100 coding challenges, 40+ practice problems, and Merlin AI.

X LinkedIn

Related Pills

Adjust box sizing in CSS
css Beginner

Adjust box sizing in CSS

Adjust box-sizing property to include padding and border to actual width or height. Simplifies overhead of the box model.

Place HTML Elements Absolutely with CSS
css Beginner

Place HTML Elements Absolutely with CSS

Use a combination of position relative and absolute to place text on the image card.

CSS Relative Units
css Intermediate

CSS Relative Units

Do you only use pixels or % in CSS? Open yourself to more possibilities and best practices.