CSS 画像

リファレンス

プロパティ

• image-orientation
• image-rendering
• object-fit
• object-position
• object-view-box

CSS 画像モジュールは image-resolution プロパティも定義しています。今のところ、この機能に対応しているブラウザーはありません。

関数

• linear-gradient()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()
• conic-gradient()
• repeating-conic-gradient()
• cross-fade()
• element()
• image-set()

CSS 画像モジュールは image() 関数も定義しています。今のところ、この機能に対応しているブラウザーはありません。

データ型

• <gradient>
• <image>

ガイド

CSS グラデーションの使用

特殊な CSS 画像型であるグラデーションと、その作り方や使い方を紹介します。

CSS での画像スプライトの実装

単一の文書でいくつかの画像をグループ化して、ダウロードリクエストを節約し、ページのスピードを上げることができる共通のテクニックを説明します。

置換要素のスタイル設定

置換要素にのみ適用されるプロパティを紹介します。

アスペクト比の理解

aspect-ratio プロパティについて学び、置き換えられた要素と置き換えられていない要素のアスペクト比について解説し、いくつかの一般的なアスペクト比の用途を検証します。

CSS の object-view-box プロパティの使用

CSS の object-view-box プロパティについて学びましょう。画像のズームイン、ズームアウト、パンなどの方法があります。

関連概念

• <url>
• url()
• <basic-shape-rect>

仕様書

関連情報

• CSS フィルター効果モジュール
• CSS 合成と混合モジュール
• CSS 色モジュール
• CSS 値と単位モジュール