【flipv()】上下に反転する

filterプロパティのflipv()では、指定した領域を上下に反転することができます。

またflipv()は、filterプロパティのBasicImage(mirror=1)を使用した場合と同様の表示結果となります。

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

書式

  • filter:flipv() ……… 上下に反転する

使用した時の例

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

ブラウザ上の表示例

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

flipv()を適用した画像

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

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

関連情報