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;
}