css type
`<axis>` CSS type
The <axis> enumerated data type specifies the scrolling direction of the scroll container controlling a scroll timeline.
The <axis> keyword values are used in the following CSS functions and properties:
scroll-timeline-axisscroll-timelineshorthandscroll()view-timeline-axisview-timelineshorthandview()
Syntax
Valid <axis> values:
block- : The block axis of the scroller element, which is the axis in the direction perpendicular to the flow of text within a line. For horizontal writing modes, such as standard English, this is the same as
y, while for vertical writing modes, it is the same asx.
- : The block axis of the scroller element, which is the axis in the direction perpendicular to the flow of text within a line. For horizontal writing modes, such as standard English, this is the same as
inline- : The inline axis of the scroller element, which is the axis in the direction parallel to the flow of text in a line. For horizontal writing modes, this is the same as
x, while for vertical writing modes, this is the same asy.
- : The inline axis of the scroller element, which is the axis in the direction parallel to the flow of text in a line. For horizontal writing modes, this is the same as
x- : The horizontal axis of the scroller element.
y- : The vertical axis of the scroller element.
Formal syntax
<axis> = block | inline | x | y
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.