019_CSS尺寸
1. CSS尺寸(Dimension)屬性允許你控制元素的高度和寬度。同樣, 它允許你增加行間距。
2. CSS 尺寸屬性
3. 所有的尺寸屬性對行內元素(不包含行內塊)均無效。
4. max-height屬性
4.1. 定義和用法
4.1.1. max-height屬性設置元素的最大高度。行內元素會忽略這個屬性。
4.1.2. 該屬性值會對元素的高度設置一個最高限制。因此, 元素可以比指定值矮, 但不能比其高。不允許指定負值。
4.1.3. max-height屬性不包括外邊距、邊框和內邊距。
4.2. 默認值
4.3. 可能的值
5. min-height屬性
5.1. 定義和用法
5.1.1. min-height屬性設置元素的最小高度。行內元素會忽略這個屬性。
5.1.2. 該屬性值會對元素的高度設置一個最低限制。因此, 元素可以比指定值高, 但不能比其矮。不允許指定負值。
5.1.3. min-height屬性不包括外邊距、邊框和內邊距。
5.2. 默認值
5.3. 可能的值
6. max-width屬性
6.1. 定義和用法
6.1.1. max-width定義元素的最大寬度。行內元素會忽略這個屬性。
6.1.2. 該屬性值會對元素的寬度設置一個最高限制。因此, 元素可以比指定值窄, 但不能比其寬。不允許指定負值。
6.1.3. max-width屬性不包括外邊距、邊框和內邊距。
6.2. 默認值
6.3. 可能的值
7. min-width屬性
7.1. 定義和用法
7.1.1. min-width屬性設置元素的最小寬度。行內元素會忽略這個屬性。
7.1.2. 該屬性值會對元素的寬度設置一個最小限制。因此, 元素可以比指定值寬, 但不能比其窄。不允許指定負值。
7.1.3. min-width屬性不包括外邊距、邊框和內邊距。
7.2. 默認值
7.3. 可能的值
8. width屬性
8.1. width屬性設置元素的寬度。行內元素會忽略這個屬性。
8.2. 這個屬性定義元素內容區的寬度。在內容區外面可以增加內邊距、邊框和外邊距的寬度。
8.3. 默認值
8.4. 可能的值
9. height屬性
9.1. height屬性設置元素的高度。行內元素會忽略這個屬性。
9.2. 這個屬性定義元素內容區的高度。在內容區外面可以增加內邊距、邊框和外邊距的高度。
9.3. 默認值
9.4. 可能的值
10.?例子
10.1.?代碼
<!DOCTYPE html> <html><head><title>尺寸</title><style type="text/css">p {/*width: 200px; 這個值不會比100小, 也不會比300大*//*height: 200px; 這個值不會比100小, 也不會比300大*/max-height: 300px;min-height: 100px;max-width: 300px;min-width: 100px;background-color: green;}</style></head><body><p>4. CSS max-height屬性4.1. 定義和用法4.1.1. 該屬性值會對元素的高度設置一個最高限制。因此, 元素可以比指定值矮, 但不能比其高。不允許指定負值。4.1.2. max-height屬性不包括外邊距、邊框和內邊距。5. CSS min-height屬性5.1. 定義和用法5.1.1. min-height屬性設置元素的最小高度。5.1.2. 該屬性值會對元素的高度設置一個最低限制。因此, 元素可以比指定值高, 但不能比其矮。不允許指定負值。6. CSS max-width屬性6.1. 定義和用法6.1.1. max-width定義元素的最大寬度。6.1.2. 該屬性值會對元素的寬度設置一個最高限制。因此, 元素可以比指定值窄, 但不能比其寬。不允許指定負值。</p></body> </html>10.2.效果圖
總結
- 上一篇： 029_CSS水平对齐
- 下一篇： 036_CSS导航条