CSS clip 属性

Definition and Usage

Cut ng Atribute ng clip sa elemento na tinukoy nang walang kinalalagyan

Ano ang mangyayari kapag ang laki ng isang imahe ay mas malaki kaysa sa elemento na naglalagay nito? Ang katangian na "clip" ay nagbibigay-daan sa iyo na tukuyin ang makikitang laki ng isang elemento, kaya ang elemento na ito ay mapapahintulutan na mapakita bilang hugis na ito.

Paliwanag

Ang katangian na ito ay ginagamit upang tukuyin ang isang kutsaril na rectangulo. Para sa isang elemento na tinukoy nang walang kinalalagyan, ang nilalaman sa loob ng kutsaril na ito lamang ang makikita. Ang nilalaman sa labas ng kutsaril na ito ay ipapalit ayon sa halaga ng overflow. Ang kutsaril na ito ay maaaring mas malaki kaysa sa laman ng elemento o mas maliit.

Bilang karagdagan:

CSS Tutorial:CSS Positioning

HTML DOM Reference Manual:Atribute ng clip

Halimbawa

Cut sa imahe:

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

Subukan Mo Itong Gawa

Grammar ng CSS

clip: auto|shape|initial|inherit;

Halaga ng Atribute

Halaga Paglalarawan
shape Itatayo ng elemento ang hugis. Ang tanging lehitimong halaga ng hugis ay: rect (top, right, bottom, left)
auto Default Value. Walang anumang pag-cut.
inherit Ipinapatupad na dapat magsuporta ang halaga ng clip property mula sa magulang na elemento.

Detalye ng Teknolohiya

Default Value: auto
Inheritsibility: no
Bersyon: CSS2
Grammar ng JavaScript: object.style.clip="rect(0px,50px,50px,0px)"

Higit pang mga halimbawa

Itatayo ng elemento ang hugis
Ito ay nagtuturo kung paano itatayo ang hugis ng isang elemento. Ang elemento na ito ay nakatayong sa hugis at pagkatapos ay ipinapakita.

Suporta ng Browser

Ang numero sa talahanan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian na iyon.

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