update

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年9月以降、すべてのブラウザーで利用可能です。

もっと詳しく
完全な互換性情報を見る

update は CSS のメディア特性で、出力端末がどれだけの頻度でコンテンツの表示を更新することができるかを調べるために使用することができます。

構文

none: いったん表示されると、レイアウトは更新されることはありません。例: 紙に印刷する文書。
slow: 通常の CSS のルールによってレイアウトを動的に変更することができますが、出力端末はアニメーションが円滑に見えるほど変更をすばやく表示することができません。例えば、電子ブックリーダーや一部の動力の低い端末などです。
fast: レイアウトは通常の CSS のルールによってレイアウトを動的に変更することができ、出力端末はふつう表示速度が制約されることがなく、 CSS アニメーションのような恒常的な更新を使用することができます。例えば、コンピューターの画面などです。

例

HTML

html

<p>
 このテキストがアニメーションで表示される場合は、お使いのブラウザーが `update` に対応しており、更新の速い機器を使用して閲覧しています。
</p>

CSS

css

@keyframes jiggle {
 from {
 transform: translateY(0);
 }
 to {
 transform: translateY(25px);
 }
}
@media (update: fast) {
 p {
 animation: 1s jiggle linear alternate infinite;
 }
}

結果

[フレーム]

仕様書

仕様書
Media Queries Level 4 # update

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

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

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