CSS clip özelliği

tanım ve kullanım

clip özelliği, absolute konumlandırma elemanlarını keser.

Bir resmin boyutu, onu içeren elemanın boyutundan büyük olduğunda ne olur? "clip" özelliği, bir elemanın görünür boyutunu belirlemenize izin verir; bu nedenle bu element, bu şekle kesilmiş ve bu şekle göre gösterilir.

tanım

Bu özellik, bir kesim dikdörtgenini tanımlamak içindir. Bir绝对定位元素 için, bu dikdörtgen içindeki içerik görünür olacaktır. Bu kesim alanı dışındaki içerik, overflow değerine göre işlenecektir. Kesim alanı, içerik alanından büyük de olabilir, küçük de olabilir.

Ayrıca bkz:

CSS Eğitimleri:CSS Konumlandırma

HTML DOM Referans Kılavuzu:clip özelliği

örnek

Kesimli resim:

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

Kişisel olarak deneyin

CSS dilbilgisi

clip: oto|şekil|ilk|miras;

özellik değeri

değer tanım
şekil Elemanın şeklini ayarlama. Tek geçerli şekil değeri: rect (üst, sağ, alt, sol)
oto Varsayılan değer. Hiçbir kesim uygulanmaz.
miras clip özelliğinin değerini ebeveyn elemanından alması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: oto
Miraslanlık: hayır
Sürüm: CSS2
JavaScript dilbilgisi: nesne.style.clip="rect(0px,50px,50px,0px)"

Daha fazla örnek

Elemanın şeklini ayarlama
Bu örnek, nasıl bir elemanın şeklini ayarlandığını göstermektedir. Bu element, şekle kesilmiş ve ardından gösterilmiştir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 7.0