CSSクリッププロパティ
翻訳結果：
clip
UK[klɪp] US[klɪp]
n. トリム; (プラスチックまたは金属) クリップ; ペーパー クリップ; クリッピング
vt.& vi. 何かをピンで固定し、クリップで何かをクランプする
##vt. 切る; 切り落とす; 短くする;...vi の髪 (または髪) を切り落とす. トリミング; カット; 新聞記事 (またはニュース、写真など) を切り取る; すぐに行動するCSSクリッププロパティ構文
関数: clip 属性は、絶対的に配置された要素をクリップします。画像がそれを含む要素よりも大きい場合はどうなりますか? 「クリップ」属性を使用すると、要素がクリップされてこの形状に表示されるように、要素の表示寸法を指定できます。
説明: この属性は、クリッピング四角形を定義するために使用されます。絶対的に定義された要素の場合、四角形内のコンテンツのみが表示されます。このクリッピング領域外のコンテンツは、オーバーフローの値に従って処理されます。クリッピング領域は、要素のコンテンツ領域よりも大きい場合も小さい場合もあります。
注: すべての主要なブラウザはクリップ属性をサポートしています。属性値「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。
CSSクリッププロパティ例
<html>
<head>
<style type="text/css">
img
{
position:absolute;
clip:rect(0px 50px 200px 0px)
}
</style>
</head>
<body>
<p>clip 属性剪切了一幅图像：</p>
<p><img border="0" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" width="120" height="151"></p>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します