| title | Inspect, edit, and debug HTML and CSS with the Elements tool |
|---|---|
| description | How to use the Elements tool in Microsoft Edge DevTools to inspect, edit, and debug HTML and CSS. |
| author | MSEdgeTeam |
| ms.author | msedgedevrel |
| ms.topic | article |
| ms.service | microsoft-edge |
| ms.subservice | devtools |
| ms.date | 02/15/2022 |
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.
- CSS features reference
- Get started viewing and changing CSS
- Inspect CSS Grid
- Edit CSS font styles and settings in the Styles pane
- 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 web page.