尺寸
定义
尺寸(Dimension)属性是对HTML元素的大小进行定义的CSS属性。
概述
尺寸属性控制元素的高度和宽度,同时还可为元素设置可能的大小范围。
缺省情况下,尺寸属性设定的高度和宽度仅适用于内容区域,不包括边框和内边距,这种高度宽度模式属于CSS自古以来的传统盒子模型。当前,本目录下各属性的参考文档都是基于传统盒子模型进行说明的。
但是,大家意识到传统盒子模型很不直观,因此CSS3之后,新增加了box-sizing属性,用于将元素的盒子模型更改为基于边框的盒子模型。这种模型下,内容、内边距和边框都包含在尺寸属性设定的高度和宽度之内。
元素 | 描述 | 版本 |
---|---|---|
height | height 规定元素内容区高度。 | 1 |
max-height | max-height 规定元素设置最大高度。 | 2 |
max-width | max-width 规定元素设置最大宽度。 | 2 |
min-height | min-height 规定元素设置最小高度。 | 2 |
min-width | min-width 规定元素设置最小宽度。 | 2 |
width | width规定元素内容区的宽度。 | 1 |
变更点
CSS3没有增加新的尺寸属性,但增加了box-sizing属性用于改变元素高度和宽度的计算方法。