clipの解説｜クロノドライブのCSS辞典

clip

対応ブラウザ Internet Explorer 4～ / Firefox 1～ / Google Chrome 1～ / Safari 1～ / Opera 7～
初期値 auto 継承 する
適用可能な要素 絶対配置された要素
用例 
.style {
  clip: rect(50px 50px 50px 50px));
}

clipとは

clipとは画像などの要素について、切り抜き領域を指定するプロパティです。
切り抜き領域の外にある内容は表示されません。
以下の値で指定します。

auto（初期値）
切り抜きを行わない指定を行います。
rect
数値＋単位（px, %, pt, emなど）で領域を指定して切り抜きを行う指定をします。

rectの長さにはrect(上端からの距離, 右端からの距離, 下端からの距離, 左端からの距離)のように、上から時計回りの順でコンマで区切って4つの値を指定します。
position: absoluteで絶対配置された要素でのみ有効です。