Skip to content

Styles Panel Overview

Explore HTML Editor Styles Panel: key areas and how they work together.

The Styles panel is where visual decisions become traceable CSS rules instead of vague design changes. This overview explains what the panel is for, how it supports everyday styling work, and why the focused how-to tours build on it for search, cloning, source jumps, and rule creation.

Search rules, toggle overloaded styles, add new rules, and refresh.

Browse rules affecting the selection and tweak values.