`
Action-人生
  • 浏览: 99196 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

javascript之Style对象

阅读更多
http://blog.csdn.net/u012152619/article/details/42119327
javascript之Style对象

Background 属性
属性                     
           描述
background                      在一行中设置所有的背景属性
backgroundAttachment   设置背景图像是否固定或随页面滚动
backgroundColor             设置元素的背景颜色
backgroundImage            设置元素的背景图像(=url(“图片地址”))
backgroundPosition         设置背景图像的起始位置
backgroundPositionX       设置backgroundPosition属性的X坐标
backgroundPositionY       设置backgroundPosition属性的Y坐标
backgroundRepeat           设置是否及如何重复背景图像(repeat、no-repeat、repeat-x、repeat-y)
Border 属性
属性
                                 描述
border                              在一行设置四个边框的所有属性
borderBottom                  在一行设置底边框的所有属性
borderBottomColor         设置底边框的颜色
borderBottomStyle          设置底边框的样式
borderBottomWidth        设置底边框的宽度
borderColor                       设置所有四个边框的颜色 (可设置四种颜色)
borderLeft                        在一行设置左边框的所有属性
borderLeftColor               设置左边框的颜色
borderLeftStyle                设置左边框的样式
borderLeftWidth              设置左边框的宽度
borderRight                      在一行设置右边框的所有属性
borderRightColor             设置右边框的颜色
borderRightStyle              设置右边框的样式
borderRightWidth            设置右边框的宽度
borderStyle                      设置所有四个边框的样式 (可设置四种样式)
borderTop                        在一行设置顶边框的所有属性
borderTopColor                设置顶边框的颜色
borderTopStyle                 设置顶边框的样式
borderTopWidth               设置顶边框的宽度
borderWidth                    设置所有四条边框的宽度 (可设置四种宽度)
Margin 属性
margin                           设置元素的边距(可设置四个值)
marginBottom                 设置元素的底边距
marginLeft                       设置元素的左边距
marginRight                         设置元素的右边据
marginTop                        设置元素的顶边距
outline                              在一行设置所有的outline属性
outlineColor                     设置围绕元素的轮廓颜色
outlineStyle                      设置围绕元素的轮廓样式
outlineWidth                    设置围绕元素的轮廓宽度
padding                            设置元素的填充(可设置四个值)
paddingBottom                设置元素的下填充
paddingLeft                      设置元素的左填充
paddingRight                    设置元素的右填充
paddingTop                      设置元素的顶填充
Layout 属性
属性    
                            描述
clear                                 设置在元素的哪边不允许其他的浮动元素
clip                                          设置元素的形状
content                             设置元信息
counterIncrement            设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器的增量。默认是1。
counterReset                    设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器被设置的值。默认是0。
cssFloat                                  设置图像或文本将出现(浮动)在另一元素中的何处。
cursor                               设置显示的指针类型
direction                           设置元素的文本方向
display                              设置元素如何被显示
height                               设置元素的高度
markerOffset                   设置markerbox的principal box距离其最近的边框边缘的距离
marks                               设置是否crossmarks或crop marks应仅仅被呈现于page box边缘之外
maxHeight                       设置元素的最大高度
maxWidth                        设置元素的最大宽度
minHeight                        设置元素的最小高度
minWidth                         设置元素的最小宽度
overflow                           规定如何处理不适合元素盒的内容
verticalAlign                     设置对元素中的内容进行垂直排列
visibility                            设置元素是否可见
width                                设置元素的宽度
List 属性
属性
                                 描述
listStyle                             在一行设置列表的所有属性
listStyleImage                  把图像设置为列表项标记
listStylePosition                改变列表项标记的位置
listStyleType                     设置列表项标记的类型
Positioning 属性
属性 
                 描述
bottom               设置元素的底边缘距离父元素底边缘的之上或之下的距离
left                      置元素的左边缘距离父元素左边缘的左边或右边的距离
position              把元素放置在static,relative, absolute 或 fixed 的位置
right                   置元素的右边缘距离父元素右边缘的左边或右边的距离
top                      设置元素的顶边缘距离父元素顶边缘的之上或之下的距离
zIndex                 设置元素的堆叠次序
Printing 属性
属性
                          描述
orphans                     设置段落留到页面底部的最小行数
page                          设置显示某元素时使用的页面类型
pageBreakAfter        设置某元素之后的分页行为
pageBreakBefore      设置某元素之前的分页行为
pageBreakInside              设置某元素内部的分页行为
size                                   设置页面的方向和尺寸
widows                      设置段落必须留到页面顶部的最小行数
Scrollbar 属性 (IE-only)
属性
                                       描述
scrollbar3dLightColor             设置箭头和滚动条左侧和顶边的颜色
scrollbarArrowColor               设置滚动条上的箭头颜色
scrollbarBaseColor                 设置滚动条的底色
scrollbarDarkShadowColor     设置箭头和滚动条右侧和底边的颜色
scrollbarFaceColor                  设置滚动条的表色
scrollbarHighlightColor          设置箭头和滚动条左侧和顶边的颜色,以及滚动条的背景
scrollbarShadowColor             设置箭头和滚动条右侧和底边的颜色
scrollbarTrackColor                设置滚动条的背景色
Table 属性
属性  
                描述
borderCollapse  设置表格边框是否合并为单边框,或者像在标准的HTML中那样分离。
borderSpacing    设置分隔单元格边框的距离
captionSide        设置表格标题的位置
emptyCells         设置是否显示表格中的空单元格
tableLayout        设置用来显示表格单元格、行以及列的算法
Text 属性
属性
                   描述
color                   设置文本的颜色
font                     在一行设置所有的字体属性
fontFamily          设置元素的字体系列。
fontSize                     设置元素的字体大小。
fontSizeAdjust    设置/调整文本的尺寸
fontStretch         设置如何紧缩或伸展字体
fontStyle             设置元素的字体样式
fontVariant         用小型大写字母字体来显示文本
fontWeight         设置字体的粗细
letterSpacing     设置字符间距
lineHeight          设置行间距
quotes                设置在文本中使用哪种引号
textAlign             排列文本
textDecoration   设置文本的修饰
textIndent           缩紧首行的文本
textShadow        设置文本的阴影效果
textTransform    对文本设置大写效果
whiteSpace         设置如何设置文本中的折行和空白符
wordSpacing      设置文本中的词间距
标准属性
属性            描述
dir                设置或返回文本的方向
lang             设置或返回元素的语言代码
title              设置或返回元素的咨询性的标题
分享到:
评论

相关推荐

    【JavaScript源代码】JavaScript style对象与CurrentStyle对象案例详解.docx

    JavaScript style对象与CurrentStyle对象案例详解  1、Style对象 style对象代表一个单独的样式声明,可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式,即元素标签中style属性的值。 例子: ...

    javascript完全学习手册1 源码

    8.2.1 Style对象 193 8.2.2 使用CSS属性 194 8.2.3 自定义鼠标提示 196 8.2.4 可折叠区域 199 8.3 StyleSheet对象 200 8.3.1 StyleSheet对象的属性 200 8.3.2 StyleSheet对象的方法 202 8.4 修改内容 203 8.5 实例...

    javascript完全学习手册2 源码

    8.2.1 Style对象 8.2.2 使用CSS属性 8.2.3 自定义鼠标提示 8.2.4 可折叠区域 8.3 StyleSheet对象 8.3.1 StyleSheet对象的属性 8.3.2 StyleSheet对象的方法 8.4 修改内容 8.5 实例应用 8.5.1 制作...

    JavaScript详解(第2版)

     14.11.3 style对象   14.11.4 className属性   14.11.5 下拉菜单和提示框   14.12 应知应会   练习   第15章 W3C DOM与JavaScript   15.1 W3C DOM   15.2 理解DOM节点   15.3 节点   ...

    JavaScript实验报告.docx

    熟悉JavaScript常见内置对象及其关系; 2. 熟练应用String对象和Array对象; 3. 动手操作: 数组的升序与降序排列练习 1 升序排列代码 <html> <head> 数组数字大小排序</title> </head> <body> 让数组按照升序降序...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript的面向对象特性。 4.1.html 对象的创建。 4.2.html 作为关联数组的对象与数组对象实现方式比较。 4.3.html prototype的用法。 4.4.html prototype实现继承机制。 4.5....

    【JavaScript源代码】JavaScript实现简易购物车最全代码解析(ES6面向对象).docx

    JavaScript实现简易购物车最全代码解析(ES6面向对象)  本文实例为大家分享了JavaScript实现简易购物车的具体代码,供大家参考,具体内容如下  代码: <!DOCTYPE html>  <html>   <head> ...

    html+css+javascript 教程

    基于对象和面向对象 解释和编译 强变量和弱变量 JavaScript中变量声明,采用其弱类型。 即变量在使用前不需作声明,而是解释器在运行时检查其数据类型 x=1234; //数值型变量 y=“4321”; //字符型变量 代码格式...

    Javascript数组操作高级心得整理

     使用节点对象的style属性对象改变样式 27  使用className设置样式 27 3. 继承机制实现 27 (1) 继承的方式 27 (2) 继承方式1—对象冒充 27 (3) 继承方式2—call()方法与apply()方法 28  call()方法 28  ...

    CSS对象教程检索下载

    使用JavaScript可以动态改变style属性,从而改变标签的样式,也就是改变标签的显示方式 style属性-语法: <element>.style.<sheettype>=<value> element 需要改变样式的标签对象 style 标签对象的style属性 sheet...

    【JavaScript源代码】JavaScript实现简易轮播图最全代码解析(ES6面向对象).docx

    JavaScript实现简易轮播图最全代码解析(ES6面向对象)  本文实例为大家分享了JavaScript实现简易轮播图的具体代码,供大家参考,具体内容如下 完整代码: <!DOCTYPE html>  <html>  <head>   ...

    Javascript获取标签ID改变style属性的代码

    下面的这段代码中,我们通过select元素的name属性来设置具体要访问style的哪个属性(本例中为背景色),这样,这个函数就可以用来设置不同的CSS属性了

    JavaScript对象反射用法实例

    本文实例讲述了JavaScript对象反射用法。分享给大家供大家参考。具体如下: 这里讲述JavaScript对象反射用法,涉及反射DOM对象和自定义对象 <html> <head> <title>JavaScript反射工具</title&...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part1.rar

     2.5.1 为什么需要JavaScript日志对象   2.5.2 myLogger()对象   2.6 小结   第3章 DOM2核心和DOM2 HTML   3.1 DOM不是JavaScript,它是文档   3.2 DOM的级别   3.2.1 DOM 0 级   3.2.2 ...

    style:将样式对象转换为字符串

    将样式对象转换为字符串。 安装 $ npm install weo-edu/style 例子 // output: "margin-left:10px;flex:1;" style ( { marginLeft : '10px' , flex : 1 } ) 执照 麻省理工学院执照 版权所有:copyright:2015,Weo....

    【JavaScript源代码】JavaScript实现换肤效果(换背景).docx

    JavaScript实现换肤效果(换背景)  本文实例为大家分享了JavaScript实现换肤效果的具体...4、注意:body元素对象的获取为- - -document.body,js为背景图片路径赋值注意路径的拼接- - -document.body.style.backgroun

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    JavaScript实现网页对象拖放功能的方法

    本文实例讲述了JavaScript实现网页对象拖放功能的方法。分享给大家供大家参考。具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <...

    js(javascript)获取网页源码

    <script type="text/javascript"> //用于创建XMLHttpRequest对象 function createXmlHttp() { //根据window.XMLHttpRequest对象是否存在使用不同的创建方式 if (window.XMLHttpRequest) { xmlHttp = new ...

    JavaScript_DOM编程

    styleSheets数组:样式表对象数组 body对象:嵌入在body标签内的标签可以作为body的子元素引用 title对象 ·cookie属性 设置格式:name=value; expires=Fri,31 Dec 1999 23:59:59 GMT; path=/bookshop; domain=...

Global site tag (gtag.js) - Google Analytics