CSS3的clip屬性是一種在頁面上進行元素裁剪的技術，通過clip屬性，我們可以對元素進行矩形的裁剪，讓元素只顯示被裁剪后的部分，同時也可以實現圓形等形狀的裁剪效果。

div {
clip: rect(0px,60px,200px,0px); /* 矩形裁剪，從左上角到右下角 */
-webkit-clip-path: circle(50px at center); /* 圓形裁剪 */
}

CSS3的clip-path屬性則提供了更加靈活的裁剪功能，可以使用SVG路徑語法對元素進行任意的裁剪。具體來說，clip-path可以使用以下的語法進行設置：

div {
clip-path: url(#myClipPath); /* 引用SVG的clipPath元素進行裁剪 */
clip-path: initial; /* 默認值，不裁剪 */
clip-path: none; /* 不裁剪 */
clip-path: Circle(50% at center); /* 裁剪為圓形 */
clip-path: ellipse(50px 70px at 50% 50%); /* 裁剪為橢圓 */
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); /* 裁剪為多邊形 */
}

需要注意的是，clip-path在一些老版本的瀏覽器中可能不被支持，因此使用時需要進行兼容處理。