<!--
@BLINK-ALLOW:setSize*
@BLINK-ALLOW:posInSet*
@BLINK-ALLOW:focusable*
@BLINK-ALLOW:name*
-->
<!doctype html>
<style>
.carousel {
overflow: auto;
columns: 1;
height: 200px;
/* Request buttons for the carousel by setting a non-none content */
/* Name will come from fallback */
&::scroll-button(left) { content: '' ; }
/* Name will come from Css Alt */
&::scroll-button(right) { content: '>' / 'next'; }
/* Name will come from content */
&::scroll-button(up) { content: 'u'; }
&::scroll-button(down) { content: 'd'; }
& > div { height: 100%; }
}
</style>
<div class=carousel>
<div>One</div>
<div>Two</div>
<div>Three</div>
</div>