視覚フォーマットモデル
アセンブラの魔女 ⧫ CSS ⧫ 視覚フォーマットモデル
アセンブラの魔女 ⧫ CSS ⧫ 視覚フォーマットモデル

 ここでは、ユーザーエージェントがビジュアルメディアのためにドキュメントツリーを処理する方法「ビジュアルフォーマットモデル」について説明します。

 ビジュアルフォーマットモデルでは、ドキュメントツリーの各要素には、ボックスモデルに従って0個以上のボックスが生成されます。これらのボックスのレイアウトは、次のように管理されます。

  • ボックスの座標とボックスのタイプ
  • 配置スキーム(通常フロー, フロート, 絶対配置)
  • ドキュメントツリー内の要素間の関係
  • 外部情報(例えば、ビューポートサイズ、要素自体で定義されたされた画像のサイズなど)

 ここで定義するプロパティは、連続メディアとページメディアの両方に適用されますは、マージンプロパティの意味は両者で異なります。詳細はページモデルの説明をご覧ください。

 視覚フォーマットモデルは、書式設定のすべての側面を指定するものではありません(たとえば、文字間隔アルゴリズムは指定しません)。

ビューポート
ボックス生成の管理
ボジショニングスキーム
通常フロー
テキストの方向(direction, unicode-bidiプロパティ)

▼ Property
記事情報
datePublished2011-01-01
dateModified2018-06-22
authorアセンブラの魔女
headlineCSSの視覚フォーマットモデルに関する記事です
keywordsCSS
keywordsCascading Style Sheets
keywords視覚フォーマットモデル
keywordsvisual formatting model
publisher name= wiredFish, logo.name= wiredFish, logo.url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png size= 208 pixel x 50 pixel
image.url url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png , size= 208 pixel x 50 pixel