CSS属性

    技术2022-05-11  91

    样式标签属性                    样式属性                                          描述 word-break                      wordBreak                  设置或获取单词内的换行行为,特别是 对象中出现多语言的情况。 text-indent                       textIndent                      设置或获取 对象中文本的缩进。 padding:Sets or retrieves the amount of space to insert between the object and its margin or, if there is a border, between the object and its border. Padding:定义元素内容与其边框的空距(如果元素没有边框就是指页边的空白)。可以分别设置top(上补白)、right(右补白)、bottom(下补白)、left(左补白)的值。相对应的CSS属性分别是”padding;  padding-top; padding-right; padding-bottom; padding-left”.  Clear:不允许元素的漂浮。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。相对应的CSS属性是”clear”。 Margin:定义元素的边框与其他元素之间的距离(如果没有边框就是指内容之间的距离)。可以分别设置top(上边界)、right(右边界)、bottom(下边界)、left(左边界)的值。相对应的CSS属性分别是”margin; margin-top; margin-right; margin-bottom; margin-left”。 下面是补白、边框、边界之间的关系图:                   5. Border(边框)                   Border面板可以设置对象边框的宽度、颜色及样式。                   Width:设置元素边的宽度。可以分别设定Top(上边宽)、Right(右边宽)、Bottom(下边宽)、Left(左边宽)的值。相对应的CSS属性分别是”border;                   border-top; border-right; border-bottom; border-left”。                   Color:设置边框的颜色。你可以分别对每条边设置颜色。相对应的CSS属性分别是”border-color;                   border-top-color; border-right-color; border-bottom-color;                   border-left-color”。                   注意:我们可以通过设置不同的颜色做出亮边和暗边的效果,这样元素看起来是立体的。                   Style:设置边框样式。可以设置为none(无边框)、dotted(点线)、dashed(虚线)、solid(实线)、double(双线)、groove(凹槽)、ridge(凸槽)、inset(凹边)、outset(凸边)等边框样式。相对应的CSS属性是”border-style”。                   注意:dotted(点线)、dashed(虚线)必须要IE5.5以上或者MAC平台支持,否则效果为实线。                   6. List(列表)                   List面板可以设置列表项样式、列表项图片、和位置。                   Type:设置列表项所使用的预设标记。可以设置的样式有:disc(实心圆)、circle(空心圆)、square(方块)、decimal(阿拉伯数字)、lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha(小写英文字母)、upper-alpha(大写英文字母)、none(无项目符号)。相对应的CSS属性是”list-style-type”。                   Bullet Image:设置列表项的图像。值为图象的URL地址或路径。                   相对应的CSS属性是”list-style-image”。                   Position:设置列表项在文本内还是在文本外。Inside:列表项目标记放置在文本以内,Outside:列表项目标记放置在文本以外。相对应的CSS属性是”list-style-position”。                   7. Positioning(定位)                   Positioning面板就相当于对象放在一个层里来定位,它相当于HTML的DIV标记。你可以把定义看作为一个CSS定义的层。                   Type:设定对象的定位方式。有三种方式:Absolute(绝对定位)、Relative(相对定位)、Static(无特殊定位)。相对应的CSS属性是”position”。                   Visibility:设定对象定位层的最初显示状态。有三种状态:Inherit(继承父层的显示属性)、Visible(对象可视)、Hidden隐藏对象。相对应的CSS属性是”visibility”。                   Z-Index:设置对象的层叠顺序。编号较大的层会显示在编号较小的层上边。变量值可以是正值也可以是负值。相对应的CSS属性是”z-index”。                   Overflow:设置如果层的内容超出了层的大小时如何处理。有四种处理方式:visible,增加层的大小,从而将层的所有内容显示出来;hidden,保持层的大小不变,将超出层的内容剪裁掉;Scroll,总是显示滚动条;Auto,只有在内容超出层的边界时才显示滚动条。相对应的CSS属性是”overflow”。                   Placement:设置对象定位层的位置和大小。可以分别设置left(左边定位)、top(顶部定位)、width(宽)、height(高)。相对应的CSS属性分别是”left;                   top; width; height”。 align 与valign 的替代品vertical-align:   text-align:

    最新回复(0)