Test Series - css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

Test Number 28/59

Q: Which of the following CSS property sets the opacity level for an element?
A. opacity
B. transparency
C. transparent
D. 
Solution: The opacity property defines the transparency-level, where 1 is opaque, 0.5 is translucent, and 0 is completely transparent.
Q: Which of the following property specifies the order of a flexible item relative to the rest of the flexible items inside the same container?
A. sort
B. layout
C. order
D. asort
Solution: The CSS order property specifies the order used to lay out flex items in their flex container. Elements are laid out in the ascending order of the order value.
Q: Which of the following is an appropriate value for overflow element?
A. hidden
B. auto
C. scroll
D. all of the mentioned
Solution: Overflow of a div or a container can have the following values: visible|hidden|scroll|auto|initial|inherit.
Q: Identify the CSS property that specifies the length of the space used for the tab character.
A. size
B. tab-size
C. tab-space
D. all of the mentioned
Solution: The tab-size CSS property is used to customize the width of a tab.
Q: Which of the following property specifies the stack order of an element?
A. order
B. z-index
C. p-index
D. auto
Solution: The correct option is z-index. It can only be applied on positioned values.
Q: Which of the following property allows long words to be able to be broken and wrap onto the next line?
A. line-wrap
B. break-word
C. word-wrap
D. word-break
Solution: This property helps you break the words and wrap onto the next line to prevent overflow of div.
Q: Which of the following CSS property can be used to provide the flex-direction and flex-wrap properties?
A. flex
B. flex-flow
C. flex-wrap
D. all of the mentioned
Solution: It is a shorthand for both flex-direction and flex-wrap.
Q: Which of the following specifies how much the item will grow relative to the rest of the flexible items inside the same container?
A. flex-scale
B. flex-size
C. flex-grow
D. flex-flow
Solution: Self-explainatory.
Q: Which of the following property aligns the flexible container’s items when the items do not use all available space on the main-axis?
A. wrap-content
B. fix-content
C. adjust-content
D. justify-content
Solution: The CSS justify-content property defines how the browser distributes space between and around flex items along the main-axis of their container.
Q: Choose the CSS property which specifies the placement of a table caption.
A. table-caption
B. cell-caption
C. caption-side
D. caption-adjust
Solution: The caption-side CSS property positions the content of a table’s caption on the specified side.

You Have Score    /10