見える範囲を指定する方法（clip）

clip は、「position」プロパティで「absolute」を指定した場合の、 クリッピングして見える範囲を指定します。 この範囲は、四角形になります。

四角形の範囲を示す値は、 rect(上 右 下 左)の形式で４つの座標をスペースで区切って、 単位つきの数値で直接指定します。
左上を（0,0）として、右上のｙ座標、ｘ座標、左下のｙ座標、ｘ座標の 順番になります。
ここで指定する値は、ページの左上からの距離ではなく、「top」や「left」で指定した位置からの相対距離です。

clip は、「position」プロパティで「absolute」を指定した場合の、 クリッピングして見える範囲を指定します。 この範囲は、四角形になります。

値を「auto」にすると、 「clip」を指定しない場合と同様に表示されます。

　■　使用例

縦横50ピクセルの四角形にクリッピングする場合、
.sample { position: absolute; top: 450px; left: 100px;
clip: rect(5px 55px 55px 5px);}

　　　⇒　スタイルシートのboxの概念
　　　⇒　JavaScript での応用