调整的CSS3属性

在被CSS3，新推出了许多创新-和尚未最终- 层叠样式表的发布，物业是特别有趣的是调整大小。 这个属性下，很容易看到的，你可以创建，那么简单，在我们的网站使用一个CSS的代码行（直到CSS3创建元素出现的页面可调整大小的元素所需的可扩展使用复杂的JavaScript函数）。

目前这个属性，以及许多其他的CSS3不是所有的浏览器普遍支持，但只有家庭的WebKit（Safari和Chrome）和Firefox 4人。

需要指出的是其中的一些浏览器的页面元素，如标签<TEXTAREA>，都是在高度和宽度的默认大小可调。

管理调整

调整的财产可能有不同的价值观：

• 无 =元素是不可调整大小;
• 水平 =元素只可以调整水平;
• = 垂直元素只可以调整垂直;
• =元素都可以调整垂直和水平;

以下是一些实例：

 / *







防止对textarea的大小







 * /







 textarea的{调整：无;}









 / *







我创建一个可调整大小的元素垂直







 * /







 div.vert {调整：垂直;}

管理与约束的大小

该物业的调整往往是伴随着使用 - 为设计原因 - 的制约，确定最小和/或最大可以假设元素改变大小。 要做到这一点，我们用下面的CSS属性：

• 最大宽度和最大高度
• 最小宽度和最小高度

让我们看到一个可调整大小的格固定的最大宽度横向的例子：

 {div.horiz



  



高度：200像素;



  



宽度：300像素;



  



最大宽度：600 px建议;



  



背景：＃EEEEEE;



  



边境：3px固体＃DDDDDD;



  



溢出：汽车;



  



调整：水平;







 }

在这个页面你可以看到一个工作演示（当然，看属性调整工作，你必须使用的浏览器支持的话）。