Web Designing MCQs

MCQ Questions On CSS1 And CSS2.1 Properties Part-1

Pinterest LinkedIn Tumblr

Here are the collections of 20 MCQ questions on CSS1 and CSS2.1 properties that include multiple-choice questions on background property and its sub-properties like background-color, background-image, background-position and background-attachment. It also includes different border properties used in CSS along with CSS cursor properties and its value.    

1. Which of the following is not the background property used in CSS.
A) background-color
B) background-size
C) background-image
D) background-repeat

2. …………….. property sets the background image to scroll or not to scroll with its associated element’s content.
A) background-repeat
B) background-image
C) background-attachment
D) background-position

3. …………………. is the default value used in background-attachment property of CSS.
A) Fixed
B) Scroll
C) Inherit
D) None

4. Which of the following code will set the background color of h1 tag to red.
i) h1{background-color: #FF0000;}  ii) h1{background-color: #F00;}
iii) h1{background-color: red;} iv) h1{background-color: rgb(255, 0, 0);}
A) i, ii and iii only
B) ii, iii and iv only
C) i, iii and iv only
D) All i, ii, iii and iv

5. The ………………… property requires a URL to link it to the source image specified with the url() syntax.
A) background-position
B) background-repeat
C) background-attachment
D) background-image

6. The possible named values for the horizontal axis of background-position property are ………..
i) left   ii) top   iii) center   iv) right   v) bottom
A) ii, iii and iv only
B) ii, iii and v only
C) iii, iv and v only
D) i, iii and iv only

7. Which of the following are the possible named values for the vertical axis of background-position property.
A) ii, iii and iv only
B) ii, iii and v only
C) iii, iv and v only
D) i, iii and iv only

8. …………………….. property determines how background images specified by the property background or background image tile when they are smaller than the canvas space used by their associated elements.
A) background-position
B) background-repeat
C) background-attachment
D) background-image

9. Which of the following is/are the possible values of background-repeat property.
i) repeat-x   ii) repeat-y   iii) none   iv) inherit
A) i, ii and iii only
B) ii, iii and iv only
C) i, ii and iv only
D) i, ii, iii and iv only

10. The default value of background-repeat property used in CSS is ……………….
A) repeat-x
B) repeat-y
C) repeat
D) inherit


11. Which of the following is the correct syntax to represent shorthand form of border property used in CSS.
A) border: border-width border-style border-color
B) border: border-style border-color border-width
C) border: border-color border-style border-width
D) border: border-width border-color border-style

12. ………………….. property defines whether table cell borders are connected or separate.
A) border-collapse
B) border-spacing
C) border-style
D) border-state

13. The default value of background-collapse property used in CSS is ……………….
A) collapse
B) none
C) separate
D) inherit

14. Which of the following CSS code will represent correct way of using border-style property.
i) .rect{border-style: solid}   ii) .rect{border-style: dashed solid;}
iii) .rect{border-style: solid dashed groove inset;}
A) i and ii only
B) ii and iii only
C) i and iii only
D) All i, ii and iii

15. ……………….. property defines the vertical co-ordinate for a positioned element relative to the bottom of the enclosing object.
A) Top
B) Left
C) Bottom
C) Right

16. …………………. property specifies the placement of an element in relation to floating objects.
A) position
B) clear
C) clip
D) placement

17. Which of the following is/are the possible values used in clear property.
i) both   ii) left   iii) none  iv) inherit
A) i, ii and iii only
B) ii, iii and iv only
C) i, iii and iv only
D) All i, ii, iii and iv

18. ……………….. property sets the co-ordinates of the clipping shape that exposes or hides the content of absolutely positioned elements.
A) position
B) clear
C) clip
D) placement

19. The CSS cursor property value ………………. leaves the cursor display to be determined by the user agent.
A) auto
B) default
C) pointer
D) inherit

20. The CSS cursor property value ………………….. renders similar to the browser’s default pointing cursor, which is generally a hand.
A) auto
B) default
C) pointer
D) inherit

Answers

1. B) background-size
2. C) background-attachment
3. B) Scroll
4. D) All i, ii, iii and iv
5. D) background-image
6. D) i, iii and iv only
7. A) ii, iii and iv only
8. B) background-repeat
9. C) i, ii and iv only
10. C) repeat
11. A) border: border-width border-style border-color
12. A) border-collapse
13. C) separate
14. D) All i, ii and iii
15. C) Bottom
16. B) clear
17. D) All i, ii, iii and iv
18. C) clip
19. A) auto
20. C) pointer

Read Next:MCQ Questions On CSS1 And CSS2.1 Properties Part-2

Author

Shuseel Baral is a web programmer and the founder of InfoTechSite has over 8 years of experience in software development, internet, SEO, blogging and marketing digital products and services is passionate about exceeding your expectations.

Comments are closed.