CSS clip 屬性 (已棄用)
定義和用法
注意: clip
屬性已棄用,被 clip-path
屬性取代。
clip
屬性可讓你指定一個矩形來裁剪絕對定位的元素。該矩形由四個座標指定,所有座標都相對於要裁剪的元素的左上角。
注意: 如果 "overflow:visible",則 clip
屬性不起作用。
預設值 | auto |
---|---|
繼承 | no |
可動畫 | 是。 瞭解可動畫屬性 嘗試一下 |
版本 | CSS2 |
JavaScript 語法 | object.style.clip="rect(0px,50px,50px,0px)" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
CSS 語法
clip: auto|shape|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
auto | 不應用裁剪。這是預設值 | 演示 ❯ |
shape | 裁剪元素。唯一有效的值是:rect (top, right, bottom, left) | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程:CSS 定位
HTML DOM 參考: clip 屬性