CSS2.1 尺寸樣式(Dimension)

height

屬性樣式 設定值
height
高度
絕對單位:in、cm、mm、pt、pc
相對單位:em、ex、px
百分比
auto
預設值:auto
適用於:區塊型元素與置換型元素
繼承性:無

這個樣式是用來設定元素內容區域的高度(不含 padding、border、margin)。

.MyStyle {
	height: 200px;
	}

width

屬性樣式 設定值
width
寬度
絕對單位:in、cm、mm、pt、pc
相對單位:em、ex、px
百分比
auto
預設值:auto
適用於:區塊型元素與置換型元素
繼承性:無

這個樣式是用來設定元素內容區域的寬度(不含 padding、border、margin)。

.MyStyle {
	width: 200px;
	}

max-height

屬性樣式 設定值
max-height
最大高度
絕對單位:in、cm、mm、pt、pc
相對單位:em、ex、px
百分比
none
預設值:none
適用於:全部(除了置換型元素以外的單列型元素與表格元素)
繼承性:無

這個樣式是用來設定元素最大的高度。

.MyStyle {
	max-height: 200px;
	}

min-height

屬性樣式 設定值
min-height
最小高度
絕對單位:in、cm、mm、pt、pc
相對單位:em、ex、px
百分比
預設值:0
適用於:全部(除了置換型元素以外的單列型元素與表格元素)
繼承性:無

這個樣式是用來設定元素最小的高度。

.MyStyle {
	min-height: 200px;
	}

max-width

屬性樣式 設定值
max-width
最大寬度
絕對單位:in、cm、mm、pt、pc
相對單位:em、ex、px
百分比
none
預設值:none
適用於:全部(除了置換型元素以外的單列型元素與表格元素)
繼承性:無

這個樣式是用來設定元素最大的寬度。

.MyStyle {
	max-width: 200px;
	}

min-width

屬性樣式 設定值
min-width
最小寬度
絕對單位:in、cm、mm、pt、pc
相對單位:em、ex、px
百分比
預設值:0
適用於:全部(除了置換型元素以外的單列型元素與表格元素)
繼承性:無

這個樣式是用來設定元素最小的寬度。

.MyStyle {
	min-width: 200px;
	}

文章分類

文章標籤