现在的位置: 首页 > 综合 > 正文

chrome/FF/safari浏览器下input和textarea的默认样式outline和resize

2013年01月15日 ⁄ 综合 ⁄ 共 677字 ⁄ 字号 评论关闭

outline:input和textarea的默认焦点样式

语法:outline:[outline-color] || [outline-style] || [outline-width] || [outline-offset] | inherit

相关属性:outline-style , outline-width , outline-offset , outline-color

<outline-color>: 指定轮廓边框颜色。参见outline-color 
<outline-style>: 指定轮廓边框轮廓。参见outline-style 
<outline-width>: 指定轮廓边框宽度。参见outline-width 
<outline-offset>: 指定轮廓边框偏移位置的数值。参见outline-offset 
inherit: 默认。

说明:outline (轮廓)是给元素周围绘制轮廓外边框,通过设置一个数值使边框边缘的外围偏移,可起到突出元素的作用。 
outline 属性可设置元素周围的轮廓线。 
轮廓线不会占据空间,也不一定是矩形。 
outline 属性是一个简写属性,用于设置元素周围的轮廓线。

resize:设置textarea的鼠标缩放属性

语法:resize : none | both | horizontal | vertical | inherit

相关属性

   none:不可拖动缩放宽高;
 both:可以缩放宽和高;
horizontal:只能缩放宽度;
 vertical:只能缩放高度;
 inherit:继承。

说明:使元素的区域可缩放,调节元素尺寸大小。适用于任意获得"overflow"条件的容器。

 

抱歉!评论已关闭.