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之Style对象的更多相关文章

  1. Javascript 笔记与总结(2-9)获取运行时的 style 对象

    获取内存中(正在渲染)的 style 的值(非内联 style,obj.style 只能获得内联 style 的值),可以用 obj.currentStyle(低版本 IE 和 Opera 支持)和 ...

  2. 原生JavaScript HTML DOM Style 对象参考

    Style 对象属性 可以在Style对象上使用以下属性: “CSS”列指示定义属性的CSS版本(CSS1,CSS2或CSS3). 属性 描述 CSS alignContent 当项目不使用所有可用空 ...

  3. javascript中Date对象的应用——简易日历的实现

    × 目录 [1]效果 [2]HTML [3]CSS[4]JS 前面的话 简易日历作为javascript中Date对象的常见应用,用途较广泛.本文将详细说明简易日历的实现思路 效果演示 HTML说明 ...

  4. (转)javascript中event对象详解

    原文:http://jiajiale.iteye.com/blog/195906 javascript中event对象详解          博客分类: javaScript JavaScriptCS ...

  5. JavaScript中style.left与offsetLeft的区别

    今天在制作焦点轮播图的时候,遇到一个问题,在使用style.left获取图片的位置时,怎么也获取不到.换用offsetLeft就能够成功获取到了.虽然实现了我想要的效果,但是还是不甘心啊,没有找到原因 ...

  6. JavaScript之Style属性学习

    当CSS使用伪类开始侵入DOM和JavaSCript所控制着的行为层时,DOM和JavaScript也使用他们的一系列样式去控制表现层,这篇随笔主要说的就是利用JavaScript去控制元素的表现形式 ...

  7. 第一百一十四节,JavaScript文档对象,DOM进阶

    JavaScript文档对象,DOM进阶 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元 ...

  8. 第一百一十三节,JavaScript文档对象,DOM基础

    JavaScript文档对象,DOM基础 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XM ...

  9. javaScript操作DOM对象(看三遍,敲三遍,写三遍! 不会你找我)!!

    DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API 使用javaScript操作DOM对象通常分为三类:1.DOM CORE        2.HTM ...

随机推荐

  1. ●CodeChef Sereja and Game

    题链: https://www.codechef.com/problems/SEAGM题解: 概率dp,博弈论 详细题解:http://www.cnblogs.com/candy99/p/650434 ...

  2. [UOJ UNR#2 UOJ拯救计划]

    来自FallDream的博客,未经允许,请勿转载,谢谢. 传送门 感觉这题有点神... 模数是6比较奇怪,考虑计算答案的式子. Ans=$\sum_{i=1}^{k} P(k,i)*ans(i)$ a ...

  3. WebStorm配置node.js调试

    最近因为工作关系,一直在做node.js的开发,学习了koa框架,orm框架sequelize,以及swagger文档的配置.但是,最近因为swagger文档使用了es6的修饰器那么个东西(在java ...

  4. 光电转研发:和计算机没有一点关系的专业怎么去bat类的公司

    光电 女 其实编码能力一般般,拿到百度腾讯研发offer. 一来幸运,二来真的想说行动决定了结果.研一没事就出去家教充实自己赚点钱,研二就开始找实习,去了网易,海康威视,百度实习.感觉还是吃了不少苦的 ...

  5. Optaplanner逐步学习(0) : 基本概念 - Optaplanner,规划问题, 约束,方案

    之前的文章中,分别从APS,排产到规划引擎叙述了一些理论基础:并介绍了一些Optaplanner大概的情况:并一步步将Optaplanner的示例运行起来,将示例源码导进Eclipse分析了一下它的H ...

  6. manjaro备忘录

    updated 2018/4/3 manjaro 使用Linux发行版时需要注意几个方面的问题: 包管理器 包管理器无疑时各家发行版的最大特色之一.软件同时也是一个平台是否能够产生足够的吸引力的来源之 ...

  7. Python 头部 #!/usr/bin/python 和 #!/usr/bin/env 的区别

    这个网址 https://www.cnblogs.com/scofi/p/4867851.html 讲述了Python 头部 #!/usr/bin/python 和 #!/usr/bin/env 的区 ...

  8. RHEL(红帽七)的DNS配置

    RHEL7的DNS配置 本文中用到的所有参数均位于文末附录中   查询bind-chroot这个安装包 Yum 安装 bind-chroot 进入named.conf文件 复制以下参数进去 进入这个文 ...

  9. 剑指架构师系列-ftp服务器

    1.安装FTP 我们在开发项目时,肯定需要专门的一台ftp服务器来存在上传的静态资源,今天我们就在CentOS下搭建一个ftp服务器. 1.安装vsftpd组件,安装完后,有/etc/vsftpd/v ...

  10. Spring + Mybatis 集成原理分析

    由于我之前是写在wizNote上的,迁移过来比较浪费时间,所以,这里我直接贴个图片,PDF文件我上传到百度云盘了,需要的可直接下载. 地址:https://pan.baidu.com/s/12ZJmw ...