【CSS】clipプロパティ

clipプロパティとは

• HTML要素の特定の部分のみを可視化するCSSプロパティ。
• 可視化する位置をrectで指定する。

　　★rectは4つの値で位置を指定する。

　　　1つ目は要素の上からの位置。2つ目以降は順に、右からの位置、下の位置、

　　　左からの位置

• 「position: absolute;」か「position: fixed;」が設定されている要素に指定する必要がある。

clipプロパティの書式

clip: rect(上, 右, 下, 左);

記述例

img {     position: absolute;     clip: rect(10px, 250px, 250px, 0px); }