clip

div.test { clip: auto;}
div.test1 { clip: rect(10px, 20px, 30px, 40px);}

<div style="clip: auto; position: absolute; background-color: yellow; width: 200px; height: 200px;">横幅200px、高さ200pxのdiv要素です。『position: absolute』と指定しています。</div>

<div style="clip: rect(5px, 195px, 195px, 5px); position: absolute; background-color: yellow; width: 200px; height: 200px;">横幅200px、高さ200pxのdiv要素です。『position: absolute』と指定しています。</div>

<div style="clip: rect(5px, 195px, 195px, 5px); position: fixed; background-color: yellow; width: 200px; height: 200px;">横幅200px、高さ200pxのdiv要素です。『position: fixed』と指定しています。</div>

ボックスをクリッピング(切り抜き)して表示するかどうかを指定します。

この『clip』プロパティは『positon』プロパティが『absolute』もしくは『fixed』と指定されている要素にのみ反映させることができます。

『rect()』の記述方法は『rect(上からの距離, 左から右端への距離, 上から下端への距離, 左からの距離)』となります。値の区切りは『,』もしくは半角スペースが使用できますが、文法的に標準とされているのは『,』となりますので『,』を使用したほうが良いでしょう。ただし、『IE7』以下のブラウザでは区切りは半角スペースのみしか使用できませんのでご注意ください。

div.test { clip: rect(10px, 20px, 30px, 40px);} /* こちらが標準です。 */
div.test1 { clip: rect(10px 20px 30px 40px);} /* IE7以下はこちらを使用してください。 */