在CSS中,rect是一個非常有用的屬性。它被稱為矩形,可以用來指定元素的位置和尺寸。
rect屬性由四個值組成:top, right, bottom, left。它們分別表示元素離視口上邊緣、右邊緣、下邊緣、左邊緣的距離。
下面是一個例子:
.box { position: absolute; top: 100px; left: 100px; width: 200px; height: 100px; background-color: #ccc; clip: rect(50px,150px,150px,50px); }
這個例子中,.box div元素被放置在頁面上,距離頂部和左邊緣各100個像素,寬度為200個像素,高度為100個像素。clip屬性被設(shè)置為rect(50px,150px,150px,50px),這意味著子元素將只顯示為距離上邊緣50個像素、右邊緣150個像素、下邊緣150個像素、左邊緣50個像素的區(qū)域。
使用rect屬性可以讓我們更準(zhǔn)確地控制元素的位置和尺寸。它適用于所有支持CSS的瀏覽器,并且是一個非常有用的工具。