Style clip ominaisuus
- Edellinen sivu clear
- Seuraava sivu color
- Palaa ylös HTML DOM Style-objekti
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)";
Esimerkki 2
Palauta clip-ominaisuus:
alert(document.getElementById("myImg").style.clip);
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 |
- Edellinen sivu clear
- Seuraava sivu color
- Palaa ylös HTML DOM Style-objekti