Skip to content

Appearance

Theme

Foxipa Forest

Mode

Light Dark System

Language selection

English Français العربية

Quiz

Back to lesson

Test your knowledge: Backgrounds, Borders, and Box Decorations

Assess background layer order, fitting and clipping, borders, rounded corners, border images, shadows, and ownership boundaries.

12 questions ~5 min Beginner

Knowledge check

Test your knowledge: Backgrounds, Borders, and Box Decorations

Assess background layer order, fitting and clipping, borders, rounded corners, border images, shadows, and ownership boundaries.

Stuck? Each question has an optional hint.
Skip a hard question and review it before your results.
Questions and answer options can shuffle between attempts.

You can retake this quiz whenever you like.

0:00

0/0

Review

Which background image layer is painted on top when multiple layers are listed?

The first listed background image is painted above later image layers; the background color is behind the image layers.
Which property controls the rendered size of a background image?

background-size controls the rendered dimensions of a background image.
A fixed area must be completely covered by a background image while preserving its aspect ratio. Which value is intended for that?

cover scales the image until the positioning area is covered, which can crop part of the image.
Which pairing is correct?

background-origin controls the positioning area and background-clip controls the painting area.
Why can a linear gradient be used as a background image?

Gradients are generated image values and therefore participate in background-image painting.
Which set describes the basic border components?

The basic border model uses width, style, and color.
What does border-radius primarily affect?

border-radius defines the corner radii used to shape border and related background painting.
What does border-image-slice participate in?

border-image-slice controls how the source image is divided for border-image painting.
Does an ordinary box-shadow add margin or padding to layout dimensions?

A box shadow is painted and does not become margin, padding, or border space in the layout calculation.
A learner starts explaining an OKLCH value while teaching a gradient. Which lesson should own the detailed color-value explanation?

Backgrounds and Borders owns how gradients behave as image values and backgrounds; Color owns the color value model itself.
What does `corner-shape` control in the current Borders Level 4 draft?

`corner-shape` changes the corner profile used with border-radius; it is a developing Borders Level 4 feature.
Which property is a current Borders Level 4 shadow longhand?

The current Borders Level 4 draft defines `box-shadow-offset` and related shadow longhands while retaining `box-shadow` as the shorthand.

Back to lesson Next: Images, Gradients, and Replaced-Content Sizing