CSS1 テストスイート: 5.3.7 background

この文書には、右上隅に小さい緑色の画像が1個だけあるはずです。

BODY {background: green url(oransqr.gif) repeat-x center top fixed;}
.one {background: lime url(oransqr.gif) repeat-y 100% 0%;}
.two {background: lime url(oransqr.gif) repeat-y center top;}
.three {background: lime url(oransqr.gif) repeat-x left top;}

この文書には、橙色のストライプがページの上端全体を横切って走っている緑色の背景があるはずです。 repeat-x が、x軸の両方向へのタイル表示を示しているからです。 さらに、ストライプは場所において固定されているはずです。 簡単にスクロールするのに充分なほどにこのページを長くするため、このページの末尾に余分なテキストを追加しなければなりません。

この段落にはライム色の背景と、右上で始まり下端へ走る橙色のストライプがあるはずです。 そのため、これらの宣言を処理する際のあなたのブラウザの能力を賢く評価できるためには、余分なテキストが具合がいいでしょう。 ね、ページがちょっとしたものになるって言ったでしょ。

この段落にはライム色の背景と、中央上で始まり下端へ走る橙色のストライプがあるはずです。 そのため、これらの宣言を処理する際のあなたのブラウザの能力を賢く評価できるためには、余分なテキストが具合がいいでしょう。 ね、ページがちょっとしたものになるって言ったでしょ。

この段落にはライム色の背景と、左上で始まり右上へ走る橙色のストライプがあるはずです。 そのため、これらの宣言を処理する際のあなたのブラウザの能力を賢く評価できるためには、余分なテキストが具合がいいでしょう。 ね、ページがちょっとしたものになるって言ったでしょ。