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之Style对象的更多相关文章
- Javascript 笔记与总结(2-9)获取运行时的 style 对象
获取内存中(正在渲染)的 style 的值(非内联 style,obj.style 只能获得内联 style 的值),可以用 obj.currentStyle(低版本 IE 和 Opera 支持)和 ...
- 原生JavaScript HTML DOM Style 对象参考
Style 对象属性 可以在Style对象上使用以下属性: “CSS”列指示定义属性的CSS版本(CSS1,CSS2或CSS3). 属性 描述 CSS alignContent 当项目不使用所有可用空 ...
- javascript中Date对象的应用——简易日历的实现
× 目录 [1]效果 [2]HTML [3]CSS[4]JS 前面的话 简易日历作为javascript中Date对象的常见应用,用途较广泛.本文将详细说明简易日历的实现思路 效果演示 HTML说明 ...
- (转)javascript中event对象详解
原文:http://jiajiale.iteye.com/blog/195906 javascript中event对象详解 博客分类: javaScript JavaScriptCS ...
- JavaScript中style.left与offsetLeft的区别
今天在制作焦点轮播图的时候,遇到一个问题,在使用style.left获取图片的位置时,怎么也获取不到.换用offsetLeft就能够成功获取到了.虽然实现了我想要的效果,但是还是不甘心啊,没有找到原因 ...
- JavaScript之Style属性学习
当CSS使用伪类开始侵入DOM和JavaSCript所控制着的行为层时,DOM和JavaScript也使用他们的一系列样式去控制表现层,这篇随笔主要说的就是利用JavaScript去控制元素的表现形式 ...
- 第一百一十四节,JavaScript文档对象,DOM进阶
JavaScript文档对象,DOM进阶 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元 ...
- 第一百一十三节,JavaScript文档对象,DOM基础
JavaScript文档对象,DOM基础 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XM ...
- javaScript操作DOM对象(看三遍,敲三遍,写三遍! 不会你找我)!!
DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API 使用javaScript操作DOM对象通常分为三类:1.DOM CORE 2.HTM ...
随机推荐
- ICM Technex 2017 and Codeforces Round #400 (Div. 1 + Div. 2, combined)
前四题比较水,E我看出是欧拉函数傻逼题,但我傻逼不会,百度了下开始学,最后在加时的时候A掉了 AC:ABCDE Rank:182 Rating:2193+34->2227 终于橙了,不知道能待几 ...
- hihocoder 1249(2015ACM/ICPC北京)
题意: 给你一块正方形的土地,里面有矩形的草地,要求把土地分成两份,满足以下两个条件 1.两边的绿洲,左边>=右边,差值尽可能的小 2.在满足1的情况下分给左边的土地尽快能的多 而且绿洲不会出现 ...
- [Noi2015]荷马史诗
来自FallDream的博客,未经允许,请勿转载,谢谢. 追逐影子的人,自己就是影子. ——荷马 Allison 最近迷上了文学.她喜欢在一个慵懒的午后,细细地品上一杯卡布奇诺,静静地阅读她爱不释手的 ...
- 用Qemu运行/调试arm linux【转】
转自:https://blog.csdn.net/absurd/article/details/78984244 用Qemu运行/调试arm linux,这事情干过好几次了,久了就忘记了,每次都要重新 ...
- SpringBoot学习之SpringBoot执行器
在以往的分布式开发当中,各个服务节点的监控必不可少.监控包含有很多方面,比如说:内存占用情况,节点是否健康等.在spring-boot会给我们提供相关资源监控叫做spring-boot-actuato ...
- 存储单位的换算(KB, MB, GB)
关于存储单位的换算,大家一般会想到下面的换算方法. 1GB=1024MB 1MB=1024KB 1kb=1024字节 但实际生活中,这种换算方法并不准确. 例如在商家生产销售的硬盘, U盘中就不是这样 ...
- js延迟函数
正确写法: setTimeout(function (){ alert("delay!"); },5000); 错误写法: setTimeout( alert("dela ...
- PHP Libxml 函数
PHP Libxml 简介 Libxml 函数和常量与 SimpleXML.XSLT 以及 DOM 函数一起使用. 安装 这些函数需要 Libxml 程序包. 在 xmlsoft.org 下载 PHP ...
- 存出和载入Docker镜像
存出镜像 如果要导出镜像到本地文件,可以使用 docker save 命令. $ sudo docker images REPOSITORY TAG IMAGE ID CREATED VIRTUAL ...
- MySQL系列教程(一)
摘要 MySQL的最初的核心思想,主要是开源.简便易用.其开发可追溯至1985年,而第一个内部发行版本诞生,已经是1995年.到1998年,MySQL已经可以支持10中操作系统了,其中就包括win平台 ...