× 無料のユーザー登録をすると学習状況を管理することができるようになります

#10 ボックスモデルを理解しよう

さて、いろいろなプロパティを見ていきたいのですが、まずは基本となる box モデルについて理解しておきましょう。
HTML の要素がブラウザに表示されると、それぞれが四角い領域を確保するのですが、その領域のスタイルを設定するためのプロパティを見ていきましょう。

ボックスモデルに関連するプロパティについて説明していきます。

  • width
  • height
  • border
  • padding
  • margin

このレッスンでは CSS 2.1 を使用しています。

このレッスンの問題を報告する

この動画に関する、よくある質問はまだありません。

HTML入門、CSS入門、JavaScript入門の素材ファイルはサンプルとして公開中です。

HTML入門、CSS入門、JavaScript入門のソースコードはサンプルとして公開中です。

このレッスンの問題を報告する

HTML入門、CSS入門、JavaScript入門のデモはサンプルとして公開中です。

先生に質問してみよう (試験運用中)