Test your knowledge: Images, Gradients, and Replaced-Content Sizing

Review

1. What does `url(...)` contribute when used where CSS expects an `<image>` value?

   `url(...)` is an image value referring to an image resource.
2. What is an intrinsic aspect ratio?

   The intrinsic aspect ratio is information associated with the image content and can participate in sizing.
3. Which value can crop replaced content while filling the content box?

   `cover` fills the box while preserving the content ratio, so some content may be cropped.
4. What does `object-position` control?

   It controls the position of the fitted replaced content inside its content box.
5. What is `image-set()` for?

   `image-set()` provides image candidates for user-agent selection based on conditions such as resolution or support.
6. Which owner should explain how a gradient is painted as a background?

   The Images owner covers the generated image value; Backgrounds/Borders owns background painting.
7. Which owner remains responsible for general CSS width/height sizing algorithms?

   General size resolution remains with the CSS Sizing lesson.
8. An image is letterboxed. Which mechanism should you inspect first after confirming the box size?

   `object-fit` determines how replaced content is fitted inside its box.
9. Which gradient varies around a center by angle?

   Conic gradients vary around a center according to angular color-stop positions.
10. What can adjacent gradient stops do?

    Stops at the same position can create a sharp transition.
11. What does a repeating gradient do?

    Repeating gradient functions extend their gradient pattern.
12. How should newer CSS Images Level 4 notations be presented?

    CSS Images Level 4 is currently a Working Draft, so its newer additions are status-labelled as developing.
13. Which feature belongs to the CSS Images owner and controls preferred raster image resolution?

    CSS Images Level 4 defines `image-resolution` for the preferred resolution used in natural image sizing.