<axis>

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

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

構文

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

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

形式文法

<axis> = 
  block   |
  inline  |
  x       |
  y

仕様書

仕様書
Scroll-driven Animations # typedef-axis

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年1月8日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告