Test your knowledge: CSS Scrollbar Styling

Review

1. Which CSS feature is specifically responsible for scrollbar visual styling?

   The Scrollbars Styling module defines scrollbar-color and scrollbar-width; Overflow controls scrollability.
2. In scrollbar-color: blue gray, what does gray represent?

   The first color is for the thumb and the second for the track.
3. What is the purpose of scrollbar-width: thin?

   thin requests a thinner scrollbar but does not specify an exact pixel measurement.
4. What remains true with scrollbar-width: none?

   none removes the scrollbar display but does not remove scrollability.
5. How does scrollbar-color on the root element differ from setting it on body?

   The specification gives root-to-viewport propagation; body does not have that propagation behavior.
6. What is the curriculum-safe position on ::-webkit-scrollbar?

   The current Scrollbars specification treats such pseudo-elements as non-standard alternatives.
7. Why can scrollbar-width: none create an accessibility concern?

   The content remains scrollable, but the visible scrollbar cue disappears, so another clear cue may be needed.
8. Which topic remains owned by CSS Overflow rather than Scrollbars Styling?

   Overflow defines scrollability and overflow behavior; Scrollbars Styling controls scrollbar presentation.