Inspect, edit, and debug HTML and CSS with the Elements tool

Use the Elements tool to inspect, edit, and debug your HTML and CSS. You can edit in the tool while displaying the changes live in the browser.

Debug your HTML using the DOM tree, and inspect and work on the CSS for your webpage.

The Elements tool contains the following tabs:

• Styles
• Computed
• Layout
• Event Listeners
• DOM Breakpoints
• Properties
• Accessibility

See also

• CSS features reference
• Get started viewing and changing CSS
• Inspect CSS Grid layouts
• Style editing for CSS-in-JS frameworks
• Get started viewing and changing the DOM
• Your first website (MDN) - How to use HTML, CSS, and JavaScript to build a webpage.