技術情報
clipプロパティ
切り抜きを設定します。
このプロパティはpositionプロパティに「absolute」または「fixed」を設定した場合に有効になります。

書式
clip : 値1;   
clip : rect(値2 値3 値4 値5);    (値2=上側距離、値3=右側距離、値4=下側距離、値5=左側距離)
値1は定数 auto (切り抜かない:デフォルト)を設定します。
値2~値5は、数値+単位を設定します。
値2と値4は切り抜く前の元の領域の上辺からの距離、値3と値5は切り抜く前の元の領域の左辺からの距離を表しています。
実際に切り取られる領域は、幅=値3-値5、高さ=値4-値2となります。


使用例
<style>
.sample {
position : absolute;
left : 50px;
top : 620px;
width : 300px;
height : 100px;
border-style : solid;
clip : rect(8px 200px 80px 4px); /* 幅=196px、高さ=72px */
}
</style>

<div class="sample">あいうえお</div>


表示例
あいうえお