萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> divcssclip屬性簡介

divcssclip屬性簡介

歡迎大家在這裡學習divcssclip屬性!這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!

clip屬性是一個比較有用的屬性,但往往在實際應用中,並不多見,介紹的也很少。應用clip屬性需要注意的兩點:

一、clip屬性必須和定位屬性postion一起使用才能生效。

二、clip裁切的計算坐標都是以左上角即(0,0)點開始計算,如圖三所示,這點不像padding和margin,它們兩個的右邊距和下邊距是從最右邊和最下邊開始計算的。

clip屬性基礎語法:

clip : auto   rect ( number number number number )

取值:

auto :  默認值。對象無剪切

rect ( number number number number ) :  依據上-右-下-左的順序提供自對象左上角為(0,0)坐標計算的四個偏移數值,其中任一數值都可用 auto 替換,即此邊不剪切

clip屬性說明:

檢索或設置對象的可視區域。可視區域外的部分是透明的。

此屬性定義了絕對(absolute)定位對象可視區域的尺寸。必須將 position 屬性的值設為 absolute ,此屬性方可使用。

自IE5開始,此屬性在MAC平台上可用。

對應的腳本特性為 clip 。

CSS中的clip屬性除了可以制作彩色文字外,還可以有效地裁切其他網頁中的元素。

clip屬性設置元素的形狀。這個屬性用於定義一個剪裁矩形。在這個矩形內的內容才可見,出了這個剪裁區域的內容和 overflow:hidden 的效果相同。剪裁區域可能比元素的內容區大,也可能比內容區小。

clip屬性值:auto   rect (top, right, bottom, left)

auto代表不裁切,rect中的上右下左四個方向填入的應是數值,表示裁切的位置。

好了,divcssclip屬性內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

divcss網頁圖片延遲加載技術什麼是呢 

copyright © 萬盛學電腦網 all rights reserved