CSS的超出圖片掩蓋是一種用來剪裁圖像的技術。它在HTML元素的邊界之外隱藏了圖像，并利用元素的邊框來顯示一個部分圖像的部分。這種技術可以用于創建矩形、圓形和任何其他形狀的圖像。

img {
clip: rect(0px 50px 50px 0px);
border: 5px solid black;
}

上面的CSS代碼會把一個圖像從左上角到右下角進行剪切，并在圖片周圍添加一個5像素黑色邊框。剪裁的圖像的區域是使用clip屬性指定的，并且是一個矩形，使用rect函數進行定義。這個函數的四個參數分別是上、右、下和左的坐標，以像素為單位。具體來說，這個函數的第一個參數是剪裁區域的上邊緣，第二個參數是右邊緣，第三個參數是下邊緣，最后一個參數是左邊緣。這些值必須按照順序排列。

CSS的超出圖片掩蓋技術是一種有用的技術，可以幫助我們在網頁上實現一些有趣的效果。但是，需要注意的是，這種技術會影響圖片的可訪問性和SEO，因為搜索引擎無法識別被裁剪的內容，屏幕閱讀器和其他輔助技術也無法讀取這些內容。因此，在使用此技術之前，請確保了解其影響。