IE9を含む代表的なブラウザで使えるCSS3プロパティ(画像)

西村 文宏

西村 文宏

ホームページ作成 ガイド

応用情報技術者

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。

...続きを読む
画像全体がボックス内に収まるよう自動調整される(IE9での表示例)
画像全体がボックス内に収まるよう自動調整される(IE9での表示例)
画像1枚でボックス内を完全に覆えるよう自動調整される(IE9での表示例)
画像1枚でボックス内を完全に覆えるよう自動調整される(IE9での表示例)
任意の大きさで背景画像を表示できる(IE9での表示例)
任意の大きさで背景画像を表示できる(IE9での表示例)
表示領域に対する割合でも表示サイズを指定できる(IE9での表示例)
表示領域に対する割合でも表示サイズを指定できる(IE9での表示例)
透明度を指定できる(IE9での表示例)
透明度を指定できる(IE9での表示例)
文字色そのものに透明度も付加できる
文字色そのものに透明度も付加できる
影の距離や色・ぼかし具合も自由に指定できる
影の距離や色・ぼかし具合も自由に指定できる
角の丸い枠も作れる(IE9での表示例)
角の丸い枠も作れる(IE9での表示例)
opacityプロパティで透明度を指定した場合と、RGBAカラーで透明度を指定した場合の違い
opacityプロパティで透明度を指定した場合と、RGBAカラーで透明度を指定した場合の違い
この写真の記事を読む
画像全体がボックス内に収まるよう自動調整される(IE9での表示例)
画像1枚でボックス内を完全に覆えるよう自動調整される(IE9での表示例)
任意の大きさで背景画像を表示できる(IE9での表示例)
表示領域に対する割合でも表示サイズを指定できる(IE9での表示例)
透明度を指定できる(IE9での表示例)
文字色そのものに透明度も付加できる
影の距離や色・ぼかし具合も自由に指定できる
角の丸い枠も作れる(IE9での表示例)
opacityプロパティで透明度を指定した場合と、RGBAカラーで透明度を指定した場合の違い
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

カテゴリー一覧

All Aboutサービス・メディア

All About公式SNS
日々の生活や仕事を楽しむための情報を毎日お届けします。
公式SNS一覧
© All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます