Chapter 9: Box Model Dimensions

A Complete Frontend Developer Textbook for Beginners (2023 Edition)

This is the textbook version of Lesson 9 of 100 from the Udemy video course: A Complete Frontend Developer Course for Beginners

← Chapter 8: CSS Box Model

← Table of Contents

Overview

This lesson covers the following HTML tags, CSS properties, and JavaScript commands for the first time:

HTML

None.

CSS

1. overflow

JS

1. window.innerWidth
2. window.innerHeight
3. window.getComputedStyle().width
4. window.getComputedStyle().height
5. document.querySelector(“header”).clientWidth
6. document.querySelector(“header”).clientHeight
7. document.querySelector(“header”).offsetWidth
8. document.querySelector(“header”).offsetHeight
9. document.querySelector(“header”).scrollWidth
10. document.querySelector(“header”).scrollHeight

This lesson begins with this Codepen. Code along with me to increase retention!