CSS Miscellaneous Property

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