clip（クリップ）

解説

ボックス要素の指定した一部分を表示させる属性です。
position:absolute;で指定して下さい。

対応状況

全ての値

使用例

ソース

表示＆操作

スタイル部に、

div{border:inset 3px red;width:200px;padding:10px;}
.aqua{position:absolute;top:525px;left:420px;
background-color:aqua;
clip:rect(0px,100px,100px,0px);}

と記述し、

と表示されます。（

の場合、td内に記述すると動
作しません。だから、このテーブルの下に記述して
ます。）

body部に、

<div class="aqua">絶対位置指定（でないと動作
しません）にて上から525px、左から420pxの位置
です。このレイヤーのtop 0px、right 100px、bottom
100px、left 0px の座標の部分を表示しています
。表示出来てるかな？</div>

と記述すると。

絶対位置指定（でないと動作しません）にて上から525px、左から420pxの位置です。このレイヤーのtop 0px、right 100px、bottom 100px、left 0px の座標の部分を表示しています。表示出来てるかな？