CSS1 Test Suite: 5.3.7 background


[Previous] [Next] [Section] [Contents] [Reference Image] [Specification]
Last Updated: 31 August 1998

The style declarations which apply to the text below are:

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

This document should have a green background with a red strip running across the entire top of the page, since repeat-x indicates tiling in both directions of the x-axis. Furthermore, the strip should be fixed in place. I'll have to add extra text at the end of this page to make it long enough to scroll conveniently.

This paragraph should have a lime background and a red strip which starts at the top right and runs to the bottom. Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. Hey, I didn't say the page would be pretty, did I?

This paragraph should have a lime background and a red strip which starts at the center top and runs to the bottom. Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. Hey, I didn't say the page would be pretty, did I?

This paragraph should have a lime background and a red strip which starts at the top left and runs to the top right. Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. Hey, I didn't say the page would be pretty, did I?

This document should have a green background with a red strip running across the entire top of the page, since repeat-x indicates tiling in both directions of the x-axis. Furthermore, the strip should be fixed in place. I'll have to add extra text at the end of this page to make it long enough to scroll conveniently.

This paragraph should have a lime background and a red strip which starts at the top right and runs to the bottom. Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. Hey, I didn't say the page would be pretty, did I?

This paragraph should have a lime background and a red strip which starts at the center top and runs to the bottom. Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. Hey, I didn't say the page would be pretty, did I?

This paragraph should have a lime background and a red strip which starts at the top left and runs to the top right. Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. Hey, I didn't say the page would be pretty, did I?


[Previous] [Next] [Section] [Contents] [Reference Image] [Specification]