ディベロッパーツールの配置
- 2021.11.19
- HTML入門
![ディベロッパーツールの配置](https://chupro1.com/wp-content/uploads/2021/11/dev-890x500.png)
初期状態では、ディベロッパーツールはChromeの画面下に表示されます。
![](https://chupro1.com/wp-content/uploads/2021/11/dev1.png)
画面右上のドットマークのアイコンから、デベロッパーツールの表示位置を選択することができます。
![](https://chupro1.com/wp-content/uploads/2021/11/dev2.png)
![](https://chupro1.com/wp-content/uploads/2021/11/dev3.png)
ボックスモデルを表示させるには、HTML や body のタブのあるウィンドウ内で、マウスのホイールを下にスクロールするか、または右端のスクロールバーで下に移動すると、ボックスモデルが表示されます。
![](https://chupro1.com/wp-content/uploads/2021/11/box1.png)
![](https://chupro1.com/wp-content/uploads/2021/11/box2.png)
-
前の記事
画像ファイル ダウンロード 2021.10.20
-
次の記事
WordPress入門1 WordPressとは 2022.01.28