尺寸

 

定义

尺寸(Dimension)属性是对HTML元素的大小进行定义的CSS属性。

概述

尺寸属性控制元素的高度和宽度,同时还可为元素设置可能的大小范围。

缺省情况下,尺寸属性设定的高度和宽度仅适用于内容区域,不包括边框和内边距,这种高度宽度模式属于CSS自古以来的传统盒子模型。当前,本目录下各属性的参考文档都是基于传统盒子模型进行说明的。

但是,大家意识到传统盒子模型很不直观,因此CSS3之后,新增加了box-sizing属性,用于将元素的盒子模型更改为基于边框的盒子模型。这种模型下,内容、内边距和边框都包含在尺寸属性设定的高度和宽度之内。

元素描述版本
heightheight 规定元素内容区高度。1
max-heightmax-height 规定元素设置最大高度。2
max-widthmax-width 规定元素设置最大宽度。2
min-heightmin-height 规定元素设置最小高度。2
min-widthmin-width 规定元素设置最小宽度。2
widthwidth规定元素内容区的宽度。1

变更点

CSS3没有增加新的尺寸属性,但增加了box-sizing属性用于改变元素高度和宽度的计算方法。