update

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

構文

update 特性は、以下の一覧のうち一つのキーワード値で指定します。

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

例

HTML

<p>このテキストが動いていれば、高速に更新できる端末を使用しています。</p>

CSS

@keyframes jiggle {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(25px);
  }
}

@media (update: fast) {
  p {
    animation: 1s jiggle linear alternate infinite;
  }
}

No specification data found for css.at-rules.media.update.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

ブラウザーの互換性

No compatibility data found for css.at-rules.media.update.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

update

構文

例

HTML

CSS

結果

仕様書

No specification found

ブラウザーの互換性

関連情報