アップデート 2024年7月17日

★スタイルシートリファレンス

山田太郎

テック・リード

当サイトのリンクからサインアップしても、利用者の方に追加料金はかかりませんが、私たちが紹介手数料を受け取る場合があります。

filter:progid:DXImageTransform.Microsoft.BasicImage(必要な値) …… 透過・回転・反転・グレースケールなどを指定する（IE5.5以上）

Internet Explorer5.5

filterプロパティのBasicImage()は、
透過・色反転・マスク効果・グレースケール表示・Ⅹ線効果・回転表示・ミラー表示などの視覚効果ををまとめて指定する際に使用します。

グレースケールとは色からカラー（色相）情報を除いた無彩色のことで、X線効果とはグレースケールで色反転することです。

尚、
左右反転はfliph()で、
上下反転はflipv()で、
色反転はinvert()で、
X線効果はxray()で、
それぞれ代替できます。

■値

Opacity=透明度: 0（透明）～1（不透明）の範囲で指定（初期値は1）
Invert=色反転: 1（true）または0（false）で指定（初期値は0）
GrayScale=グレースケール: 1（true）または0（false）で指定（初期値は0）
Xray= X線効果: 1（true）または0（false）で指定（初期値は0）
Mask=マスク効果: 1（true）または0（false）で指定（初期値は0）
MaskColor=色: マスク色を色番号(1～16777216)で指定
※Mask=1の時に有効
Mirror=ミラー表示: 1（true）または0（false）で指定（初期値は0）
Rotation=回転: 0（回転無し）・1（右へ90度）・2（180度）・3（270度）で指定（初期値は0）

■使用例

スタイルシート部分は外部ファイル（sample.css）に記述。

p.sample img {
filter:progid:DXImageTransform.Microsoft.BasicImage(Invert=1, Rotation=3);
}

HTMLソース

<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>

filterプロパティを適用していない画像 
<img src=”https://www.htmq.com/wp-content/themes/htmq/htmq-images/kaeru.gif”>


フィルタ効果BasicImage() 
<img src=”https://www.htmq.com/wp-content/themes/htmq/htmq-images/kaeru.gif”>

</body>
</html>

↓↓↓

ブラウザ上の表示

filterプロパティを適用していない画像

フィルタ効果BasicImage()

■関連項目

BasicImage() …… 透過・回転・反転・グレースケールなどを指定する
fliph() …… 左右反転する
flipv() …… 上下反転する
invert() …… 色（色相・明度・彩度）を反転する
xray() …… X線効果（グレースケールにして反転）を適用する
Alpha() …… 透過表示にする
Chroma() …… 特定の色を透明にする
MaskFilter() …… 指定した色でマスクをかける
Glow() …… 背後から光を当てたような効果を与える
DropShadow() …… ぼかしのない影をつける
Shadow() …… ぼかしのある影をつける
Blur() …… ぼかす
MotionBlur() / blur() …… 方向を指定してぶれさせる
Wave() …… 波状に歪めて表示する
Pixelate() …… モザイク表示にする
Emboss() …… 浮き彫り表示（エンボス）にする
Engrave() …… 彫り込み表示（エングレーブ）にする
Matrix() …… 二次元面を傾けたような表示にする
Gradient() …… 背景と内容の間にグラデーションの面を表示する
zoom …… 拡大・縮小表示する（IE独自の仕様）

山田太郎

山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

全ての投稿者山田太郎

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。

カジノを探す

Back

どちらのバンキング方式をご希望ですか？

Select one of the following options

{"is_any_tile":true}

信頼できる

{"is_any_tile":true}

アップル・ペイ

{"is_any_tile":true}

より良い

{"is_any_tile":true}

スクリル

{"is_any_tile":true}

ネッテラー

{"is_any_tile":true}

ペイパル

{"is_any_tile":true}

クレジットカード

Back

理想のウェルカムボーナスとは？

Select one of the following options

{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]}

ウェルカムボーナス

入金不要ボーナス

登録ボーナス

ボーナスはいらない

Back

最もプレーしたいゲームは？

Select one of the following options

{"is_any_tile":true}

スポーツベット

{"is_any_tile":true}

ライブカジノ

{"is_any_tile":true}

プリンコ

{"is_any_tile":true}

バカラ

{"is_any_tile":true}

ポーカー

{"is_any_tile":true}

ルーレット

{"is_any_tile":true}

スロット

Back

Restart

やったー！

これはあなたの選択に基づいた最高のカジノです...

121 users signed up

もっと表示する