CSS3 Pre-Reference



crop

切り取り

試す

サンプル

これが元画像です。 Woolly

これが切り取った画像です。 Woolly thumbnail

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

<型> | auto
初期値 auto
適用 置換要素
継承 しない
レベル 3
%の解釈 要素の幅、高さを参照
適用メディア Visual
参考文献 CSS3 Generated and Replaced Content Module#12.1. The 'crop' property

解説

置換要素の切り取りを指定します。

'auto'
要素は切り取られません。
rect(top, right, bottom, left)
要素の四辺それぞれから内側に向けての切り取り幅を指定します。四辺には<長さ>、<パーセンテージ>が指定可能です。パーセンテージは、対応する辺の実際の値を参照します。
inset-rect(top, right, bottom, left)
rect()と同様ですが、値は要素のそれぞれの辺のオフセットになります。

 

トラックバック

投稿されたコメント