css中调整属性有什么用

这篇文章主要介绍了css中调整属性有什么用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

调整是已知的css属性.resize是CSS3中新增的一个属性,用于指定一个元素是否是由用户调整大小的;调整属性允许用户通过拖动的方式,来自由缩放元素的尺寸。

调整属性可以指定一个元素是否是由用户调整大小的。

调整是CSS3中新增的一个属性,它允许用户通过拖动的方式,来自由缩放元素的尺寸,用以增强用户体验。这在以前只能通过Javascript编写大量脚本来实现,费时费力,效率低下。

<强类=" raw_b_node ">调整属性可以用于根据用户需要以及在哪个方向上调整元素的大小。调整属性可以采用4个值。

<强类=" raw_b_node ">句法:

元素{ 　　调整:没有| |垂直|水平; 　　}

让我们看一下每个属性…

<强> 1)调整:没有

当用户不想调整元素的<强类=" raw_b_node ">大小时,没有一个值不会应用于<强类=" raw_b_node ">调整属性强。也是默认值。

<强类=" raw_b_node ">句法:

元素{ 　　调整:没有; 　　}

<强类=" raw_b_node ">例:

& lt; !DOCTYPE html> 　　 　　& lt; html> 　　 　　& lt; head> 　　& lt; style> 　　p { 　　边界:3 px固体; 　　填充:15 px; 　　宽度:300 px; 　　调整:没有; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h2>调整Property 　　& lt; p> 　　& lt; p>没有价值不允许调整的p元素。;/p> 　　& lt;/p> 　　& lt;/body> 　　 　　& lt;/html>

<强类=" raw_b_node ">输出

<中心>

调整大小时,两个值都将应用于<强类=" raw_b_node ">调整属性。

<强类=" raw_b_node ">句法:

元素{ 　　调整:; 　　}

<强类=" raw_b_node ">例:

& lt; !DOCTYPE html> 　　 　　& lt; html> 　　 　　& lt; head> 　　& lt; style> 　　p { 　　边界:3 px固体; 　　填充:15 px; 　　宽度:300 px; 　　调整:; 　　溢出:汽车; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h2>调整Property 　　& lt; p> 　　& lt; p>单击并拖动右下角调整p元素的高度和宽度。;/p> 　　& lt;/p> 　　& lt;/body> 　　 　　& lt;/html>

<强类=" raw_b_node ">输出

<中心>

调整属性。

<强类=" raw_b_node ">句法:

元素{ 　　调整:垂直; 　　}

<强类=" raw_b_node ">例:

& lt; !DOCTYPE html> 　　 　　& lt; html> 　　 　　& lt; head> 　　& lt; style> 　　p { 　　边界:3 px固体; 　　填充:15 px; 　　宽度:300 px; 　　调整:垂直; 　　溢出:汽车; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h2>调整Property 　　& lt; p> 　　& lt; p>单击并拖动右下角调整p元素的高度灵活;/p> 　　& lt;/p> 　　& lt;/body> 　　 　　& lt;/html>

<强类=" raw_b_node ">输出

<中心>

大小时,将水平值应用于<强类=" raw_b_node ">调整属性。

<强类=" raw_b_node ">句法:

元素{ 　　调整:水平; 　　}

<强类=" raw_b_node ">例:

& lt; !DOCTYPE html> 　　 　　& lt; html> 　　 　　& lt; head> 　　& lt; style> 　　p { 　　边界:3 px固体; 　　填充:15 px; 　　宽度:300 px; 　　调整:水平; 　　溢出:汽车; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h2>调整Property

css中调整属性有什么用