Firefox 3.6は背景クリッピングを追加します

前述のすべての新しいCSS機能に加えて、 Firefox 3.6 *は最新の新しいプロパティ値image-rectを取ります。 これにより、背景画像の領域を切り取り、全体の一部のみを表示できます。



Mozilla独自のプレフィックス（つまり、 「-moz-」- およそTransl。）を使用し、入力値のペアを取ります-画像のURIと切り取り領域の境界（ clipプロパティのように、コンマで区切られた4つの値の形式）：

foo {background-image：-moz-image-rect（

url（<uri>）、

<上>、<右>、<下>、<左>

）; }

以下に例を示します。

.aside {

背景画像：-moz-image-rect（

url（ 'link.png'）、0、32、26、0）;

}

これの最も直接的なアプリケーションは画像スプライトの作成ですが、創造的なCSSコミュニティは他のアプリケーションを思いつくことができると確信しています。



このプロパティの簡単なデモを準備しました。 * Firefoxの最近の夜のアセンブリがある場合、1つのリンク画像の少し上を見ることができます。 最近の夜間のアセンブリを見ると、3つの静的リンクが表示されます。 （デモンストレーションをHabrahabrにドラッグする技術的な可能性はありません。 オリジナルを見てください- およそTransl。）



__________________

*バージョン3.6にはimage-rectを含める予定ですが、この値はFirefox 3.7 （ mozilla-centralブランチ）のナイトリービルドでのみ機能します。