Long description

Block 1: A colorful 4 by 4 checkered pattern is shown at the top left corner of the block on a gray background. The block of code reads as follows. Line 1: background hyphen image colon u r l open parenthesis checkers dot p n g close bracket semicolon. Line 2: background hyphen repeat colon no hyphen repeat semicolon.

Block 2: A colorful 4 by 4 checkered pattern is shown at the center of the block on a gray background. The pattern is placed at a distance of 50 p x from the top and 300 p x from the left. The block of code reads as follows. Line 1: background hyphen image colon u r l open parenthesis checkers dot p n g close parenthesis no hyphen repeat semicolon. Line 2: background hyphen position colon 300 p x 50 p x semicolon.

Block 3: A colorful 4 by 4 checkered pattern fills across the block on a gray background. The block of code reads as follows. background hyphen repeat colon repeat semicolon.

Block 4: A colorful 4 by 4 checkered pattern fills one-third of the block vertically on a gray background. The block of code reads as follows. background hyphen repeat colon repeat hyphen y semicolon.

Block 5: A colorful 4 by 4 checkered pattern fills half of the block horizontally on a gray background. The block of code reads as follows. background hyphen repeat colon repeat hyphen x semicolon.

Block 6: An image covering 80% of the block from left to right on a gray background is shown. The block of code reads as follows. background hyphen size colon cover semicolon.

Block 7: An image that covers the complete block is shown. The block of code reads as follows. background hyphen size colon contain semicolon.

Block 8: A small sized image that appears as a thumbnail on the top left corner of the block is shown. The block of code reads as follows. background hyphen size colon cover 200 p x 100 p x semicolon.

Block 9: An image that covers the complete block with a translucent colored border on all four sides is shown. The block of code reads as follows. Line 1: background hyphen origin colon border hyphen box semicolon. Line 2: background hyphen size colon cover semicolon. Line 3: border hyphen size colon 5 p x semicolon. Line 4: border hyphen color colon r g b “a” open parenthesis 242 comma 112 comma 90 comma 0 dot 5 close bracket semicolon.

Block 10: A colored solid border surrounds the block with an image inside. The block of code reads as follows. background hyphen origin colon padding hyphen box semicolon.

Block 11: A colored solid border surrounds the block with an image inside. There is a white space between the image and the border. The block of code reads as follows. Line1: background hyphen origin colon content hyphen box semicolon. Line 2: padding colon 10 p x semicolon.