[1]
書式付け構造がレンダリングされる空間
を、
画布といいます。
CSS 2.1 2.3.1
[32] 表示などと同じく視覚的な用語ではありますが、画面表示だけでなく、 音声出力なども含め、媒体に依存しない用語ということになっています。
[5] 画布は次元 (座標軸) において無限です CSS 2.1 2.3.1。
[6] ただしレンダリングそのものは普通、対象となる媒体によって決めた有限の領域内で行われます CSS 2.1 2.3.1。
[7] 例えば、画面にレンダリングする利用者エージェントは閲覧領域の幅に基づいてレンダリングに使う領域の初期幅を決めます。 頁にレンダリングする利用者エージェントは頁の幅と高さの制約を課します。 音声利用者エージェントは音声空間に制限を課すかもしれませんが、時間には課さないかもしれません。 CSS 2.1 2.3.1
[2] Viewport が画布中の文書がレンダリングされている領域より小さい時は、 利用者エージェントはスクロール機構を提供するべきです CSS 2.1 9.1.1。
[4] 利用者エージェントは文書を複数の画布にレンダリングして構いません。 (つまり、同じ文書の複数の表示を提供できます。) CSS 2.1 9.1.1
[8] 画布それぞれの媒体型は異なっていても構いません CSS 2.1 7.3。
[9] なお、 tv
(音声 + 映像) のような multimodal media type
であっても1つの媒体型であれば1つの画布とみなされます。
CSS 2.1 7.3
[10] 画布上のいろいろなもののレンダリングの順序 (重ね方) はスタック付け順序の概念のもとに規定されています。
[13]
HTML文書で根要素 html
の算出値が
background-color: transparent; background-image: none
の場合、その最初の body
子要素の算出値が画布に適用されます。
それ以外の場合、根要素の算出値が適用されます。
CSS 2.1 14.2
[14] 画布に背景が使用された要素自体の背景を再度塗りはしません。 CSS 2.1 14.2
[15]
>>13 のいずれの場合であっても、背景は根要素だけに関して塗られる場合と同じ位置に錨付けされます。
(background-position
の基準になります。)
CSS 2.1 14.2
[16] 著者は html
要素ではなく body
要素に背景を指定するよう推奨されています (参考)。
CSS 2.1 14.2
[17] 音声のレンダリングに関しては、画布は3次元物理空間 (サラウンド) と時間的空間によって構成されます。 CSS 2.1 A.2 (参考)
[18] 画布のうち、原点を左上隅、何らかのレンダリングがなされた最右の点 (または原点のどちらか右方) を含む縦線を右辺、 何らかのレンダリングがなされた最下の点 (または原点のどちらか下方) を含む横線を下辺とする領域を、 便宜上画布可視域とします。 固定配置のように viewport が初期包含ブロックである箱は含みません。 Viewport の境界線やスクロール・バーは含みません。
[19] 通常利用者が Webブラウザーで画布可視域以外の画布を viewport を通して見ることはできません。スクリプトなどで画布可視域外に新たに箱が配置された場合、画布可視域が拡張されたと考えます。)
[24] CSSOM View の用語では画布可視域は「文書内容」 といいます。
[23] なお、
window.scrollMaxX
, window.scrollMaxY
で画布可視域の大きさから viewport 内容箱の大きさを引いたものが出てきます
(viewport が画布のどこであれ、単純に引いたものです)。