<axis>

<axis> は列挙型のデータ型で、スクロールタイムラインを制御するスクロールコンテナーのスクロール方向を指定します。

<axis> キーワード値は、以下の CSS 関数およびプロパティで使用されます。

構文

有効な <axis> 値は次の通りです。

block: スクローラー要素のブロック軸であり、行内のテキストの流れに垂直な方向の軸です。標準的な英語のような横書きモードでは y と同じになり、縦書きモードでは x と同じになります。
inline: スクローラー要素のインライン軸であり、行内のテキストの流れに平行な方向の軸です。横書きモードでは x と同じになり、縦書きモードでは y と同じになります。
x: スクローラー要素の水平軸です。
y: スクローラー要素の垂直軸です。

形式文法

<axis> = 
  block   |
  inline  |
  x       |
  y

仕様書

Specification
Scroll-driven Animations # typedef-axis

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on ⁨2026年1月8日⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content