Style clip ominaisuus

Määritelmä ja käyttö

clip Aseta tai palauta sijoitettavan elementin näkyvä osa.

Katso myös:

CSS-opetusCSS-sijoittelu

CSS-oppaasticlip-ominaisuus

Esimerkki

Esimerkki 1

Leikkaa kuva määrättyyn muotoon:

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

Kokeile itse

Esimerkki 2

Palauta clip-ominaisuus:

alert(document.getElementById("myImg").style.clip);

Kokeile itse

Syntaksi

Palauta clip-ominaisuus:

object.style.clip

Aseta clip-ominaisuus:

object.style.clip = "auto|rect(ylältä oikealta alhaalta vasen)|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
auto Oletus. Ei leikkaa elementtiä.
rect(ylältä oikealta alhaalta vasen) Leikkaa muoto neljän koordinaatin mukaisesti.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso myös initial
inherit Tämä ominaisuus perii arvonsa vanhemmalta elementiltä. Katso myös inherit

Tekninen yksityiskohta

Oletusarvo: Ei mitään
Palautusarvo: Merkkijono, joka ilmaisee sijoitetun elementin näkyvän osan.
CSS-versio: CSS2

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki