未分類

CSS 2.0 の勉強 (画像の一部分を切り取る)

CSS 2.0 を勉強しましょう。

画像の一部分を切り取る方法を説明します。

以下の例では、上/右/下/左からの距離を指定して画像の一部を表示しています。

■コード (HTML)

<img src="image-1.jpg">

■コード (CSS)

img {
position: absolute;
clip: rect(20px, 200px, 100px, 20px);
}

■ 説明
画像の一部分を切り取るには、Clip プロパティを使用します。

-未分類