CSS2樣式表 屬性 尺寸

2021-08-22 11:19:23 字數 2886 閱讀 3313

1、height

語法:height : auto | length

取值:auto : 預設值。無特殊定位,根據html定位規則分配

length : 由浮點數字和單位識別符號組成的長度值 | 百分數。百分數是基於父物件的高度。不可為負數。請參閱 長度單位

說明:檢索或設定物件的高度。

對於 img 物件來說,僅指定此屬性,其 width 值將根據源尺寸等比例縮放。

按照樣式表的規則,物件的實際高度為其下列屬性值之和:

margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom

在ie6中使用 !doctype 宣告指定 standards-compliant mode 可以實現這一點。

而在ie6中如果沒有將 !doctype 宣告指定 standards-compliant 模式,以及以前的瀏覽器版本,物件的實際高度等於:

margin-top + height+ margin-bottom

此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 height 。其值為一字串,所以不可用於指令碼(scripts)中的計算。請使用 style 物件的 posheight , pixelheight ,以及物件的 offsetheight 等特性。

示例:div

div

2、max-height

語法:max-height : none | length

取值:auto : 預設值。無最大高度限制

length : 由浮點數字和單位識別符號組成的長度值 | 或者百分數。不可為負數。請參閱 長度單位

說明:設定或檢索物件的最大高度。

如果此屬性的值小於 min-height 屬性的值,將會被自動轉設為 min-height 屬性的值。

對應的指令碼特性為 maxheight 。

示例:p

3、min-height

語法:min-height : none | length

取值:auto : 預設值。無最小高度限制

length : 由浮點數字和單位識別符號組成的長度值 | 或者百分數。不可為負數。請參閱 長度單位

說明:設定或檢索物件的最小高度。

如果此屬性的值大於 max-height 屬性的值,將會被自動轉設為 max-height 屬性的值。

在ie6中這個屬性僅僅作用於固定布局的**內的 td 物件, th 物件, tr 物件。**的預設布局是自動計算的,要得到固定布局的**,設定**的 table-layout 屬性的值為 fixed 。固定布局的演算法比預設的自動演算法要快很多。

此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 minheight 。

示例:p

4、width

語法:width : auto | length

取值:auto : 預設值。無特殊定位,根據html定位規則分配

length : 由浮點數字和單位識別符號組成的長度值 | 百分數。百分數是基於父物件的寬度。不可為負數。請參閱 長度單位

說明:檢索或設定物件的寬度。

對於 img 來說,僅指定此屬性,其 height 值將根據源尺寸等比例縮放。

按照樣式表的規則,物件的實際寬度為其下列屬性值之和:

margin-left + border-left + padding-left + width + padding-right + border-right + margin-right

在ie6中使用 !doctype 宣告指定 standards-compliant 模式可以實現這一點。

而在ie6中如果沒有將 !doctype 宣告指定 standards-compliant mode,以及以前的瀏覽器版本,物件的實際寬度等於:

margin-left + width + margin-right

此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 width 。其值為一字串,所以不可用於指令碼(scripts)中的計算。請使用 style 物件的 poswidth , pixelwidth ,以及物件的 offsetwidth 等特性。

示例:div

div

5、max-width

語法:max-width : none | length

取值:auto : 預設值。無最大寬度限制

length : 由浮點數字和單位識別符號組成的長度值 | 或者百分數。不可為負數。請參閱 長度單位

說明:設定或檢索物件的最大寬度。

如果此屬性的值小於 minwidth 屬性的值,將會被自動轉設為 minwidth 屬性的值。

對應的指令碼特性為 maxwidth 。

示例:p

6、min-width

語法:min-width : none | length

取值:auto : 預設值。無最小寬度限制

length : 由浮點數字和單位識別符號組成的長度值 | 或者百分數。不可為負數。請參閱 長度單位

說明:設定或檢索物件的最小寬度。

如果此屬性的值大於 max-width 屬性的值,將會被自動轉設為 max-width 屬性的值。

對應的指令碼特性為 minwidth 。

示例:p

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...

CSS2 樣式表 屬性 列表

1 list style 語法 list style list style image list style position list style type 取值 該屬性是復合屬性。請參閱各引數對應的屬性。預設值為 disc outside none。說明 設定列表專案相關樣式。當 list st...