【fliph()】左右に反転する

filterプロパティのfliph()では、指定した領域を左右に反転して表示することができます。

またfliph()は、filterプロパティのBasicImage(mirror=1, rotation=2)を使用した場合と同様の表示がされます。

なおこのプロパティはCSS2では定義されていないほか、Internet Explorer10以降では未対応となっています。 書式などの詳しい説明についてはfilterを参照して下さい。

書式

  • filter:fliph() ……… 左右に反転する

使用した時の例

.sample1 img{
  filter: fliph();
}
<p>フィルタを適用していない画像<br />
  <img src="image.jpg" alt="" width="130" height="87">
</p>
<p class="sample1">fliph()を適用した画像<br />
  <img src="image.jpg" alt="" width="130" height="87">
</p>

ブラウザ上の表示例

フィルタを適用していない画像

fliph()を適用した画像

対応ブラウザなどのデータ

プロパティ 独自拡張
対応ブラウザ Internet Explorer4~
※IE10以降は未対応

関連情報