---
id: 64a553ed02815a7d323aab89
title: The Box Model Lesson B
challengeType: 15
dashedName: the-box-model-lesson-b
---
# --description--

In the Elements pane, you can see the entire HTML structure of your page. You can click on any of the elements in this pane to select that specific element. Alternatively, you can click the blue-highlighted icon shown below on the left, and hover over any element on the page.

<img src="https://cdn.freecodecamp.org/curriculum/odin-project/the-box-model/inspector-icon.png" alt="A web development environment with developer tools open, highlighting a blue inspector icon in the top-left for selecting webpage elements to view HTML structure and styles.">

When an element is selected, the Styles tab will show all the currently applied styles, as well as any styles that are being overwritten (indicated by a strikethrough of the text). For example, if you use the inspector to click on the “Your Career in Web Development Starts Here” header on <a href="https://www.theodinproject.com/" target="_blank">The Odin Project homepage</a>, on the right-hand side you’ll see all the styles that are currently affecting the element, as seen below:

<img src="https://cdn.freecodecamp.org/curriculum/odin-project/the-box-model/overwritten-style.png" alt="CSS code snippet in the developer console showing .hero_main-heading with applied margin-bottom: 100px, padding-bottom: 1.875rem, .accent color #ce973e. h1 style rules include font-size, weight, letter-spacing, with its margin-bottom: 2rem overridden.">

# --questions--    

## --text--

When inspecting an element in the Chrome Dev Tools, if a style property is shown with a strikethrough, what does it indicate?

## --answers--

The style property is currently disabled and not applied to the element.

---

The style property is overridden by a more specific CSS rule.

---

The style property is deprecated and should not be used.

---

The style property is experimental and may not be supported by all browsers

## --video-solution--

2   
