Mfano wa CSS clip

定义和用法

clip 属性剪裁绝对定位元素。

当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。

说明

这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。

Tazama pia:

Mfano wa kifungu cha KiCSS:Mfano wa kifungu cha KiCSS

Mifungo ya HTML DOM ya kuelewa:Tabia ya kifungu

Mfano

Kutumia mifungo ya kina:

img
  {
  mwelekeo wa kina: absolute;
  clip:rect(0px,60px,200px,0px);
  }

Mfano wa kusaidia

Inayofungaji ya KiCSS

clip: auto|shape|initial|inherit;

Chaguo cha tabia

Chaguo kuonekana
shape Kumaliza muundo wa kina. Inaonekana kwamba ni muundo wa kina tu ni rect (kutengeneza, kushika, kutengeneza, kushika)
auto Chaguo cha kuzingatia. Hapendekezi kufanyia mifungo yoyote.
inherit Inaonyesha kwamba inafikia kwa kumaliza tabia ya kifungu kwa sababu ya kumaliza tabia ya kina ya kina yake.

Mifano ya teknolojia

Chaguo cha kuzingatia: auto
Kuchukua kwa kuzalishwa: no
Tengeneza: CSS2
Inayofungaji ya KiJavaScript: object.style.clip="rect(0px,50px,50px,0px)"

Mfano zaidi

Kumaliza muundo wa kina
Mfano huu unaonyesha kama inasaidia kumaliza muundo wa kina. Kina hiki kinachopata muundo wa kina, kisha kinadhatishwa.

mzungumzo wa kifungu

mashari ya namba katika tabia inaonyesha sababu ya kufikiria kwa sababu ya kufikiria ya kwanza ya kufungua tabia hii.

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