金蜘蛛网页设计器控件的公共属性介绍

position属性用于指定一个元素在文档中的定位方式。top，right，bottom 和 left属性则决定了该元素的最终位置。position属性共有五个值可选：将position设置为absolute_绝对位置, 将position设置为relative_相对前一元素底部,将position设置为inherit_继承父元素position, 将position设置为fixed_固定位置, 将position设置为static。关于position知识，请看 position(定位元素)_百度百科。

display 是CSS中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。可供选择的值有：dNone, dInline, dBlock, dInline_block, dList_item, dRun_in, dCompact,dMarker, dTable, dInline_table, dTable_row_group, dTable_header_group,dTable_footer_group, dTable_row, dTable_column_group, dTable_column, dTable_cell, dTable_caption, dFlex, dInherit。

float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。

左边距，离父控件左边线的距离。对应html的left属性。注意：属性“自动左边距”设置为“true”该属性不产效。

顶边距，离父控件顶边线的距离。对应html的top属性。注意：顶边距只有当“position”属性设置为“将position设置为absolute_绝对位置”才生效。如果“position”属性设置为“将position设置为relative_相对前一元素底部”，请使用属性“边距”->“外边距”的顶边距设置来达到相同的效果。注意：属性“自动顶边距”设置为“true”该属性不产效。

宽度，控件的宽度。对应html的width属性。注意：属性“自动宽度”设置为“true”该属性不产效。

高度，控件的高度。对应html的height属性。注意：属性“自动高度”设置为“true”该属性不产效。

右边距，离父控件右边线的距离。对应html的right属性。注意：属性“自动左边距”设置为“true”该属性不生效。另外注意：右边距只有当“position”属性设置为“将position设置为absolute_绝对位置”或“将position设置为fixed_固定位置, 将position设置为static”才生效。

底边距，离父控件底边线的距离。对应html的bottom属性。注意：属性“自动底边距”设置为“true”该属性不生效。另外注意：底边距只有当“position”属性设置为“将position设置为fixed_固定位置”才生效。

控件的宽度与父控件的宽度同。生成网页后生效，设计时不生效。

控件的高度与父控件的高度同。生成网页后生效，设计时不生效。

自动宽度设置为“true”，表示宽度按内容自动调整。对应HTML为“width:auto”。

自动高度设置为“true”，表示高度按内容自动调整。对应HTML为“height:auto”。

自动左边距设置为“true”，表示不设置左边距。对应HTML为“left:auto”。

自动右边距设置为“true”，表示不设置右边距。对应HTML为“right:auto”。

网页在移动网页（手机，平板电脑）下显示时该控件的左边距。

网页在移动网页（手机，平板电脑）下显示时该控件的顶边距。

网页在移动网页（手机，平板电脑）下显示时该控件的宽度。

网页在移动网页（手机，平板电脑）下显示时该控件的高度。

网页在移动网页（手机，平板电脑）下不显示时该控件。

网页在电脑下不显示时该控件。

当控件生成的元素在设备上显示时，元素的大小比父元素的大小还要大时，元素将按当前长宽比例自动改变大小以适应显示。

当“按当前大小比例自适应”设置为“true”时，该属性才起效。表示适应时控件右边离父控件右边的距离。

当“按当前大小比例自适应”设置为“true”时，该属性才起效。表示适应时控件底边离父控件底边的距离。

设置该控件在手机上显示的状态。可以设置的属性有“不显示”、“宽度”、“高度”、“左边距”、“顶边距”、“字体大小”。只有“启用”设置为“true”为起效。注意：如“宽度”设置为“80%”，表示该控件的宽度取默认设置宽度的80%，如当前宽度设置为“200px”，则该设备下生成网页后实际值则为“160px”。如果非要将该值设置为“80%”，请多加一个“%”，应设置为“80%%”。其他“高度”、“左边距”、“顶边距”等设置类同。

设置该控件在平板电脑上显示的状态。可以设置的属性有“不显示”、“宽度”、“高度”、“左边距”、“顶边距”、“字体大小”。只有“启用”设置为“true”为起效。注意：如“宽度”设置为“80%”，表示该控件的宽度取默认设置宽度的80%，如当前宽度设置为“200px”，则该设备下生成网页后实际值则为“160px”。如果非要将该值设置为“80%”，请多加一个“%”，应设置为“80%%”。其他“高度”、“左边距”、“顶边距”等设置类同。

设置该控件在超大屏设备上显示的状态。可以设置的属性有“不显示”、“宽度”、“高度”、“左边距”、“顶边距”、“字体大小”。只有“启用”设置为“true”为起效。注意：如“宽度”设置为“80%”，表示该控件的宽度取默认设置宽度的80%，如当前宽度设置为“200px”，则该设备下生成网页后实际值则为“160px”。如果非要将该值设置为“80%”，请多加一个“%”，应设置为“80%%”。其他“高度”、“左边距”、“顶边距”等设置类同。

外边距相对父控件来说，即相对父控件的边线距离。当前控件的“position”要设置为“将position设置为relative_相对前一元素底部”才生效。可以分别设置“左边距”、“顶边距”、“右边距”、“底边距”。

内边距相对子控件来说，即子控件相对他的父控件（当前控件）的边线距离。子控件的“position”要设置为“将position设置为relative_相对前一元素底部”才生效。可以分别设置“左边距”、“顶边距”、“右边距”、“底边距”。

光标聚焦是指设置鼠标左键点击了该控件后的状态。因此要控件能聚焦的才生效，如按钮，输入框等。其他如面板、文本输入框等不生效。在控件能聚焦的情况，还要属性“可用”设置为“true”才生效，可设置的属性有“背景颜色”、“边框属性”、“阴影”等。

光标移过是指设置鼠标移到该控件时的状态。属性“可用”设置为“true”才生效，可设置的属性有“背景颜色”、“边框属性”、“阴影”等。

边框的大小，数值型。

边框的类型，分“Solid”-线，“Dash”-由破折号组成的虚线，“Dot”-由点组成的虚线。

边框的颜色。

超级连接的地址。

在新窗口中打开连接内容。

系统提供了30多种动画类型供选择。效果具体看动画 演示。

一般不用设置，用默认的。

设置动画是否可以循环播放。

为“true”，页面加载后即执行，滚动条滚到后不再执行。默认为false。

设置控件是否显示。

设置控件是否隐藏。与可见区别：可见占用位置，隐藏不点用位置。

设置控件的CSS是否生成到控件内，默认是生成到CSS文件中的。

该控件对应的HTML源码放于文档中的位置，如无特别需要请不要改。源码位置一般决定元素的位置。

用于“插入网页模板"控件中。网页模板被引用后，在引用的网页中又想修改模板中的某个控件的属性，这里就要先将该属性设置为“false”才起效。

设置控件的显示的透明度。

对应CSS中的z-index。

给该控件附加的style。

给该控件附加calss。

在该控件的HTML源码中附加内容。

设置该控件的旋转角度。

生成的HTML元素的父元素是否可以用鼠标拖动。注意：鼠标拖动当前元素，是父元素移动。可以实现如文件管理器窗口的拖动效果。

特别用法。

相关的JS代码，效果同在文档尾部添加一样。

设置为“true”后，设计时拖动该控件可以拖动到父控件外。默认不允许拖动到控件外。

设置该控件是否透明。

特别用法，用于微信风格控件。

有两种方式：sctClass-用class绑定；sctID-直接通过id绑定。