CSS klibi Özellik
Örnek
Bir resmi kırpın:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Tanım ve Kullanım
Bir görüntü, içerdiği öğeden daha büyükse ne olur?
Özellik clip
, kesinlikle konumlandırılmış bir öğeyi kırpmak için bir dikdörtgen belirlemenizi sağlar. Dikdörtgen, tümü kırpılacak öğenin sol üst köşesinden dört koordinat olarak belirtilir.
Not: " clip
taşma:görünür" ise özellik çalışmaz.
Not: Mülk clip
kullanımdan kaldırılmıştır ve gelecekte mülkle değiştirilecektir.
clip-path
Varsayılan değer: | Oto |
---|---|
Miras: | Hayır |
canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS2 |
JavaScript sözdizimi: | nesne .style.clip="rect(0px,50px,50px,0px)" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
CSS Sözdizimi
clip: auto|shape|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | No clipping will be applied. This is default | |
shape | Clips an element. The only valid value is: rect (top, right, bottom, left) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
HTML DOM referansı: klip özelliği