clip

解説

ボックスを切り抜き表示します。切り抜かれた外側の部分はoverflowプロパティに依存します。ただしpositionプロパティでabsoluteが指定されている場合のみ有効です。

CSS2では短形（四角形）に切り抜くことしかできません。

auto切り抜きは行われず、ボックス全体が表示される
rectボックスの上右下左それぞれの端から内側への距離を、数値に単位をつけて指定する

プロパティ情報

値：形もしくはauto
初期値：auto
適用対象：ブロック要素または置換要素
継承：しない
パーセンテージ：不可
適用メディア：視覚
レベル：2

参照

top bottom left right overflow overflow-x overflow-y position display float clear z-index visibility clip direction unicode-bidi writing-mode

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

p.sample {
   position: absolute;
   clip: rect(10px 10px 10px 10px);
   overflow: hidden;
}
HTMLの記述方法

<p class="sample"><img src="../img/smp.gif" alt="sample"></p>

表示結果

sample