141. Which CSS property replaces "left/right" for RTL layout compatibility?
- a) inset-inline-start
- b) logical-left
- c) direction-aware
- d) flow-relative
Answer: A - Logical property that adapts to writing direction (LTR/RTL).
142. Which CSS property replaces "width" in vertical writing modes?
- a) inline-size
- b) block-size
- c) logical-width
- d) flow-size
Answer: A -
inline-size adjusts to text flow direction.
143. Which CSS feature enables masonry layouts?
- a) grid-template-rows: masonry
- b) display: masonry
- c) column-fill: balance
- d) flex-masonry
Answer: A - Experimental Grid feature (currently Firefox-only).
144. Which CSS property creates a scroll snap point?
- a) scroll-snap-align
- b) snap-point
- c) scroll-stop
- d) scroll-anchor
Answer: A - Defines snap position within a scroll container.
145. Which CSS property controls scroll snapping strictness?
- a) scroll-snap-type
- b) scroll-behavior
- c) snap-strictness
- d) scroll-lock
Answer: A -
scroll-snap-type: y mandatory forces alignment.
146. Which CSS feature prevents layout shifts during loading?
- a) aspect-ratio
- b) content-visibility
- c) Both a and b
- d) lazy-loading
Answer: C - Both help optimize Cumulative Layout Shift (CLS).
147. Which CSS property enables intrinsic sizing?
- a) width: fit-content
- b) size: intrinsic
- c) intrinsic-sizing
- d) fit: content
Answer: A - Sizes element based on content while respecting constraints.
148. Which CSS function calculates relative luminance?
- a) color-contrast()
- b) luminance()
- c) relative-luminance()
- d) oklch()
Answer: A - Experimental function for accessibility checks.
149. Which CSS feature enables animated gradients?
- a) @property + transition
- b) animation: gradient
- c) gradient-animation
- d) keyframe-gradients
Answer: A - Register custom properties with
@property for interpolation.
150. Which CSS property creates a color scheme toggle?
- a) color-scheme
- b) preferred-color-scheme
- c) theme-switch
- d) appearance: dark
Answer: A -
color-scheme: light dark enables browser UI adaptation.
151. Which CSS selector targets the root element?
- a) :root
- b) html
- c) Both a and b
- d) document-root
Answer: C -
:root has higher specificity than html.
152. Which CSS feature enables sibling style inheritance?
- a) @property --var { inherits: true }
- b) inherit: sibling
- c) sibling-inheritance
- d) cascade: inherit
Answer: A - Custom properties can inherit values from siblings when configured.
153. Which CSS property creates a 3D transform space?
- a) transform-style: preserve-3d
- b) perspective
- c) Both a and b
- d) 3d-space: enable
Answer: C - Both properties are needed for proper 3D transformations.
154. Which CSS function creates a conical gradient?
- a) conic-gradient()
- b) radial-gradient()
- c) angle-gradient()
- d) spin-gradient()
Answer: A -
background: conic-gradient(red, yellow, green) creates color wheels.
155. Which CSS property controls text wrapping around shapes?
- a) shape-outside
- b) wrap-flow
- c) text-wrap
- d) float-shape
Answer: A - Requires floated element with defined shape.
156. Which CSS feature enables variable font adjustments?
- a) font-variation-settings
- b) font-stretch
- c) Both a and b
- d) variable-font
Answer: C - Controls weight, width, slant, etc. in variable fonts.
157. Which CSS property creates a color palette?
- a) @color-palette
- b) @property --main { syntax: "<color>" }
- c) color-scheme
- d) palette: colors
Answer: B - Registered custom properties enable reusable color systems.
158. Which CSS feature enables animated SVG filters?
- a) @keyframes + filter
- b) animateTransform
- c) Both a and b
- d) svg-animation
Answer: C - CSS animations work with SVG filters and transforms.
159. Which CSS property enables CSS-only smooth scrolling?
- a) scroll-behavior
- b) scroll-timeline
- c) smooth-scroll
- d) scroll-animation
Answer: A -
scroll-behavior: smooth on container element.
160. Which CSS feature creates a morphing animation between states?
- a) @starting-style
- b) :initial-state
- c) transition-behavior: allow-discrete
- d) Both a and c
Answer: D - New features for smoother entry/exit animations.