CSS和DOM属性用法速查手册
CSS 参考手册(CSS 属性组明细对照表)
规定如何对齐框的子元素。 3 规定框的子元素的显示方向。 3 规定框的子元素是否可伸缩。 3 将可伸缩元素分配到柔性分组。 3 规定当超出父元素框的空间时，是否换行显示。 3 规定框的子元素的显示次序。 3 规定框的子元素是否应水平或垂直排列。 3 规定水平框中的水平位置或者垂直框中的垂直位置。 3 描述 CSS 规定动画。 3 所有动画属性的简写属性，除了 animation-play-state 属性。 3 规定 @keyframes 动画的名称。 3 规定动画完成一个周期所花费的秒或毫秒。 3 规定动画的速度曲线。 3 规定动画何时开始。 3 规定动画被播放的次数。 3
CSS属性学习
第1页 共6页
CSS 参考手册（CSS 属性组）
background-color background-image background-position background-repeat background-clip background-origin background-size 边框属性（Border 和 Outline） border border-bottom border-bottom-color border-bottom-style border-bottom-width border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-style border-top border-top-color border-top-style border-top-width border-width outline outline-color outline-style outline-width border-bottom-left-radius border-bottom-right-radius border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-radius
DOM元素对象的属性方法
DOM元素对象的属性⽅法在 HTML DOM （⽂档对象模型）中，每个部分都是节点。
节点是DOM结构中最基本的组成单元，每⼀个HTML标签都是DOM结构的节点。
⽂档是⼀个⽂档节点。
所有的HTML元素都是元素节点 所有 HTML 属性都是属性节点 ⽂本插⼊到 HTML 元素是⽂本节点 注释是注释节点。
最基本的节点类型是Node类型，其他所有类型都继承⾃Node，DOM操作往往是js中开销最⼤的部分，因⽽NodeList导致的问题最多。
要注意：NodeList是‘动态的’，也就是说，每次访问NodeList对象，都会运⾏⼀次查询，虽然这样增加了开销，但可以保证我们新添加的节点都能在NodeList中访问的到。
所有的元素节点都有共⽤的属性和⽅法，让我们来详细看⼀看：先来看较为常⽤的通⽤属性1 element.id 设置或返回元素的 id。
2 element.innerHTML 设置或者返回元素的内容，可包含节点中的⼦标签以及内容3 element.innerText 设置或者返回元素的内容，不包含节点中的⼦标签以及内容4 element.className 设置或者返回元素的类名5 element.nodeName 返回该节点的⼤写字母标签名6 element.nodeType 返回该结点的节点类型，1表⽰元素节点 2表⽰属性节点……7 element.nodeValue 返回该节点的value值，元素节点的该值为null8 element.childNodes 返回元素的⼦节点的nodeslist对象，nodelist类似于数组，有length属性，可以使⽤⽅括号 [index] 访问指定索引的值(也可 以使⽤item(index)⽅法)。
但nodelist并不是数组。
9 element.firstChild/stChild 返回元素的第⼀个/最后⼀个⼦节点(包含注释节点和⽂本节点)10 element.parentNode 返回该结点的⽗节点11 element.previousSibling 返回与当前节点同级的上⼀个节点(包含注释节点和⽂本节点)12 element.nextSibling 返回与当前节点同级的下⼀个节点(包含注释节点和⽂本节点)13 element.chileElementCount : 返回⼦元素(不包括⽂本节点以及注释节点)的个数14 element.firstElementChild /lastElementChild 返回第⼀个/最后⼀个⼦元素(不包括⽂本节点以及注释节点)15 element.previousElementSibling/nextElementSibling 返回前⼀个/后⼀个兄弟元素(不包括⽂本节点以及注释节点)16 element.clientHeight/clientWidth 返回内容的可视⾼度/宽度（不包括边框，边距或滚动条）17 element.offsetHeight/offsetWidth /offsetLeft/offsetTop 返回元素的⾼度/宽度/相对于⽗元素的左偏移/右偏移(包括边框和填充,不包括边距)18 element.scrollHeight/scrollWidth/scrollLeft/scrollTop返回整个元素的⾼度（包括带滚动条的隐蔽的地⽅）/宽度/返回当前视图中的实际元素的左边缘和左边缘之间的距离/上边缘的距离19 element.style 设置或返回元素的样式属性,。
css之属性部分
css之属性部分这篇写的是今天的学习到的属性，⼀共20个。
属性再多，但也要会使⽤，会在使⽤时可以记起它，才能起到它为我们所需要的作⽤。
样式属性1、borderCSS边框属性允许你指定⼀个元素边框的样式和颜⾊。
边框样式border-style属性⽤来定义边框的样式none: 默认⽆边框dotted: dotted:定义⼀个点线框dashed: 定义⼀个虚线框solid: 定义实线边界double: 定义两个边界。
两个边界的宽度和border-width的值相同groove: 定义3D沟槽边界。
效果取决于边界的颜⾊值ridge: 定义3D脊边界。
效果取决于边界的颜⾊值inset:定义⼀个3D的嵌⼊边框。
效果取决于边界的颜⾊值outset: 定义⼀个3D突出边框。
效果取决于边界的颜⾊值例⼦：border-style: solid;边框宽度 border-widthborder-width:5px;边框颜⾊border-color可以设置的颜⾊：name - 指定颜⾊的名称，如 "red"RGB - 指定 RGB 值, 如 "rgb(255,0,0)"Hex - 指定16进制值, 如 "#ff0000"您还可以设置边框的颜⾊为"transparent"。
注意： border-color单独使⽤是不起作⽤的，必须得先使⽤border-style来设置边框样式。
border-color:#98bf21;边框-单独设置各边例⼦：border-top-style:dotted;border-right-style:solid;border-bottom-style:dotted;border-left-style:solid;边框-简写属性border:5px solid red;border-radius向元素添加圆⾓边框。
半圆例⼦：div{width: 50px;height: 100px;border-radius: 50px 0 0 50px;background: red;}<div></div>四个半径值分别是左上⾓、右上⾓、右下⾓和左下⾓，顺时针置每个⾓的垂直半径和⽔平半径,⽤斜杠隔开，第⼀个参数表⽰左上⾓开始顺时针的⽔平半径，第⼆个参数表⽰左上⾓开始顺时针的垂直半径这个圆⾓使盒模型丰富起来，之前只有矩形这个形状，现在多了有弧度的形状。
JS操作DOM元素属性和方法（转）
JS操作DOM元素属性和⽅法（转）Dom元素基本操作⽅法API，先记录下，⽅便以后使⽤。
W3C DOM和JavaScript很容易混淆不清。
DOM是⾯向HTML和XML⽂档的API，为⽂档提供了结构化表⽰，并定义了如何通过脚本来访问⽂档结构。
JavaScript则是⽤于访问和处理DOM的语⾔。
如果没有DOM，JavaScript根本没有Web页⾯和构成页⾯元素的概念。
⽂档中的每个元素都是DOM的⼀部分，这就使得JavaScript可以访问元素的属性和⽅法。
DOM独⽴于具体的编程语⾔，通常通过JavaScript访问DOM，不过并不严格要求这样。
可以使⽤任何脚本语⾔来访问DOM，这要归功于其⼀致的API。
表3-1列出了DOM元素的⼀些有⽤的属性，表3-2列出了⼀些有⽤的⽅法。
表3-1 ⽤于处理XML⽂档的DOM元素属性属性名描述childNodes 返回当前元素所有⼦元素的数组firstChild 返回当前元素的第⼀个下级⼦元素lastChild 返回当前元素的最后⼀个⼦元素nextSibling 返回紧跟在当前元素后⾯的元素nodeValue 指定表⽰元素值的读/写属性parentNode 返回元素的⽗节点previousSibling 返回紧邻当前元素之前的元素表3-2 ⽤于遍历XML⽂档的DOM元素⽅法⽅法名描述getElementById(id) (document) 获取有指定惟⼀ID属性值⽂档中的元素getElementsByTagName(name) 返回当前元素中有指定标记名的⼦元素的数组hasChildNodes() 返回⼀个布尔值，指⽰元素是否有⼦元素getAttribute(name) 返回元素的属性值，属性由name指定 有了W3C DOM，就能编写简单的跨浏览器脚本，从⽽充分利⽤XML的强⼤功能和灵活性，将XML作为浏览器和服务器之间的通信介质。
从下⾯的例⼦可以看到，使⽤遵循W3C DOM的JavaScript来读取XML⽂档是何等简单。
CSS帮助手册
CSS帮助手册2篇CSS帮助手册（上）CSS（层叠样式表）是一种用于描述网页中元素的样式和布局的标记语言。
它通过为HTML元素添加样式，实现了网页的美化和个性化。
本篇文章将为大家介绍CSS的基本语法、选择器和常用样式属性。
一、CSS基本语法CSS的语法由选择器和声明块组成。
选择器用于选择需要添加样式的HTML元素，而声明块则包含了一系列样式属性和值。
1. 选择器选择器是CSS中最重要的部分，它用于指定需要应用样式的HTML元素。
常见的选择器有：- 元素选择器：通过HTML元素的标签名选择元素，如`p`表示所有`<p>`元素。
- 类选择器：通过HTML元素的`class`属性选择元素，如`.red`表示所有`class`为red的元素。
- ID选择器：通过HTML元素的`id`属性选择元素，如`#header`表示`id`为header的元素。
- 属性选择器：通过HTML元素的属性选择元素，如`[type="text"]`表示所有`type`属性为text的元素。
- 伪类选择器：通过HTML元素的特殊状态选择元素，如`:hover`表示鼠标悬停时的元素。
2. 声明块声明块由一对花括号`{}`包裹，每个声明由属性和值构成。
属性用于指定需要修改的样式，值用于指定属性的具体取值。
例如，下面的CSS代码将为所有`<p>`元素设置红色字体:```cssp {color: red;}```二、常用的CSS样式属性CSS提供了众多样式属性，可以用来修改HTML元素的外观和布局。
以下是常用的样式属性及其作用：1. 字体样式- `color`：用于设置文本颜色，值可以是颜色名称或RGB值。
- `font-size`：用于设置字体大小，值可以是像素、百分比或者其他单位。
- `font-family`：用于设置字体样式，值可以是字体名称或者字体族名称。
2. 边框样式- `border`：用于设置边框样式，属性值由边框宽度、边框样式和边框颜色组成。
CSS速查手册
CSS速查手册(1).txt爱人是路，朋友是树，人生只有一条路，一条路上多棵树，有钱的时候莫忘路，缺钱的时候靠靠树，幸福的时候别迷路，休息的时候靠靠树！CSS速查手册(1)hve2001年 60期D reamw eaver4是现今最好的网站编辑工具之一，用它来给网页制作C SS样式表会更简单、更方便。
本教程教你如何利用Dr eamwe aver4在页面中加入CSS，你不用死记硬背代码标记，也不用去看很厚的CSS手册，就可以轻松自如的在网页中运用CSS。
不过首先你要对CSS有一定的了解。
因此，本教程的前面4章为CS S理论知识，主要是对CSS的全面介绍，希望读者看后对CSS的语法、结构、应用有一个全面的了解；后面4章为DW实战，主要是教你如何把Dream weave r4的CS S灵活运用在网页中。
阅读此文前，你需要对HTML有一定的了解，并会使用Dream weave r4。
#1 一、认识CSSCS S就是Ca scadi ng St yle S heets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。
网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格<tabl e>、链接<a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C（Th e Wor ld Wi de We b Con sorti um）颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1，自CSS1的版本之后，又在1998年5月发布了C SS2版本，样式表得到了更多的充实。
CSS参考手册
CSS 参考手册Note W3CSchool 的CSS 参考手册在所有主流浏览器中测试通过.CSS 属性CSS 属性组：•动画•背景•边框和轮廓•框•颜色•内容页的媒体属性•尺寸•盒子模型•字体•内容生成•网格•超链接•线框•列表•外边距•字幕•多列•内边距•页面媒体•定位•分页•Ruby•语音•表格•文本•2D/3D 转换•过渡•用户界面"CSS" 列指示属性是在哪个CSS 版本中定义的(CSS1, CSS2, 或者CSS3). 动画属性属性描述CSS@keyframes定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。
3 animation 复合属性。
检索或设置对象所应用的动画特效。
3animation-name 检索或设置对象所应用的动画名称,必须与规则@keyframes配合使用，因为动画名称由@keyframes定义3animation-duration 检索或设置对象动画的持续时间3animation-timing-function 检索或设置对象动画的过渡类型3animation-delay 检索或设置对象动画的延迟时间3animation-iteration-count 检索或设置对象动画的循环次数3animation-direction 检索或设置对象动画在循环中是否反向运动3animation-play-state 检索或设置对象动画的状态3背景属性属性描述CSSbackground 复合属性。
设置对象的背景特性。
1background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。
必须先指定background-image属性。
1background-color 设置或检索对象的背景颜色。
1background-image 设置或检索对象的背景图像。
1background-position 设置或检索对象的背景图像位置。
css属性大全
css属性大全CSS属性大全。
CSS（Cascading Style Sheets）是一种用来为网页添加样式和布局的样式表语言。
它可以控制网页的字体、颜色、间距、边框、背景等各种样式，是网页设计中不可或缺的一部分。
在这篇文档中，我们将详细介绍CSS中的各种属性，帮助您更好地掌握CSS的应用。
1. 字体属性。
字体属性用于设置网页中文本的字体样式、大小、粗细等。
常用的属性包括font-family（设置字体系列）、font-size（设置字体大小）、font-weight（设置字体粗细）、font-style（设置字体样式）等。
2. 文本属性。
文本属性用于设置文本的对齐方式、行高、间距等。
常用的属性包括text-align（设置文本对齐方式）、line-height（设置行高）、letter-spacing（设置字符间距）、word-spacing（设置单词间距）等。
3. 背景属性。
背景属性用于设置网页元素的背景样式。
常用的属性包括background-color（设置背景颜色）、background-image（设置背景图片）、background-repeat（设置背景重复方式）、background-position（设置背景位置）等。
4. 边框属性。
边框属性用于设置网页元素的边框样式。
常用的属性包括border-width（设置边框宽度）、border-style（设置边框样式）、border-color（设置边框颜色）、border-radius（设置边框圆角）等。
5. 盒模型属性。
盒模型属性用于设置网页元素的尺寸、内边距、外边距等。
常用的属性包括width（设置元素宽度）、height（设置元素高度）、padding（设置内边距）、margin（设置外边距）等。
6. 定位属性。
定位属性用于设置网页元素的位置。
常用的属性包括position（设置定位方式）、top（设置元素顶部位置）、left（设置元素左侧位置）、z-index（设置元素层级）等。
CSS 参考手册
CSS 参考手册Previous PageNext Page请点击表格中属性列的链接，可以查看相关属性的详细信息。
CSS 属性组：•背景•文本•字体•边框和轮廓•外边距•内边距•列表•内容生成•尺寸•定位•打印•表格•伪类•伪元素提示和注释：属性：“属性”列指向语法、实例、浏览器支持等内容。
CSS："CSS" 列指示属性是在哪个CSS 版本中定义的（CSS1 还是CSS2）。
提示：W3School 的CSS 参考手册定期在所有主流浏览器中进行测试。
最后测试时间：2009 年10 月8 日。
CSS 背景属性（Background）属性描述CSSbackground 在一个声明中设置所有的背景属性。
1background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。
1 background-color 设置元素的背景颜色。
1background-image 设置元素的背景图像。
1background-position 设置背景图像的开始位置。
1background-repeat 设置是否及如何重复背景图像。
1CSS 边框属性（Border 和Outline）属性描述CSSborder 在一个声明中设置所有的边框属性。
1border-bottom 在一个声明中设置所有的下边框属性。
1border-bottom-color 设置下边框的颜色。
2border-bottom-style 设置下边框的样式。
2border-bottom-width 设置下边框的宽度。
1border-color 设置四条边框的颜色。
1border-left 在一个声明中设置所有的左边框属性。
1 border-left-color 设置左边框的颜色。
2border-left-style 设置左边框的样式。
2border-left-width 设置左边框的宽度。
1border-right 在一个声明中设置所有的右边框属性。
DOM简介属性及操作
DOM的官方定义DOM Document Object Model 文档对象模型。
DOM的官方定义：W3C的DOM，可以使程序或脚本(JS或AS、JScript)，动态的访问或操作文档的内容、结构、样式。
DOM只是一个标准，就是操作网页的标准。
而这个标准(模型)在浏览器中，以“对象”的方式实现。
DOM的分类●核心DOM：提供了操作HTML文档(显示)或XML文档(存储数据)的公共的属性和方法。
●HTMLDOM：针对HTML文档，提供的专有的属性和方法。
●XMLDOM：针对XML文档，提供的专有的属性和方法。
●EventDOM：事件DOM，提供了很多的常用事件。
●CSSDOM：提供了操作CSS的一个接口。
HTML节点树DOM中节点的类型：●document文档节点：代表整个网页，document文档节点不对应标记。
是访问文档中各元素的起点。
●element元素节点：元素节点对应于网页中的各标记。
●attribute属性节点：每个元素都有若干个属性。
●text文本节点：文本节点是最底层节点。
核心DOM公共属性和方法●nodeName：节点名称。
●nodeV alue：节点的值。
●firstChild：第一个子节点。
●lastChild：最后一个子节点。
●parentNode：父节点。
●childNodes：子节点列表，是一个数组。
节点访问为什么，document.firstChild找到的不是HTML节点呢？DOM是针对HTML4.01开发的。
我们现在是XHTML1.0。
所以，要想使用核心DOM中的属性和方法，必须去掉DTD类型定义。
为什么，node_body.firstChild找不到table节点？在Firefox下，会把空格或换行，当成一个文本节点。
因此，所有标记之间的空格和换行，都去掉。
查找html节点的方法●document.firstChild●document.documentElement(兼容性较好)查找body节点的方法●stChild●document.body(推荐使用)节点属性1、getAttribute()——获取属性的值●描述：获取节点属性的值。
css属性参考手册(CSSPropertyReferenceManual)
css 属性参考手册(CSS Property Reference Manual) CSS property group:backgroundtextTypefaceOutline and outlineMarginpaddinglistContent generationsizeLocationPrintformPseudo classPseudo elementTips and notes:Property: the property column points to syntax, instances, browser support, and so on.The CSS: "CSS" column indicates which version of the property is defined in the CSS Version (CSS1 or CSS2).Tip: the W3School CSS reference manual is periodically tested in all mainstream browsers. Final test time: October 8, 2009.CSS background property (Background)Property description CSSBackground sets all of the background properties in a statement. OneBackground-attachment sets whether the background image is fixed or scrolls along with the rest of the page. OneBackground-color sets the background color of the element. One Background-image sets the background image of the element. One Background-position sets the start position of the backgroundimage. OneBackground-repeat settings and how to repeat the background image. OneCSS border properties (Border and Outline)Property description CSSBorder sets all of the border properties in a declaration. OneBorder-bottom sets all of the lower border properties in a declaration. OneBorder-bottom-color sets the color of the next border.Two Border-bottom-style sets the style of the next border.Two Border-bottom-width sets the width of the next border.One Border-color sets the color of the four borders. OneBorder-left sets all the left border attributes in a declaration. OneBorder-left-color sets the color of the left border. Two Border-left-style sets the style of the left border. TwoBorder-left-width sets the width of the left border. OneBorder-right-colorsets the color of the right border.Two Border-right-style sets the style of the right border.Two Border-right-width sets the width of the right border.One Border-top-color sets the color of the upper border.Two Border-top-stylesets the style of the upper border.TwoBorder-top-width sets the width of the upper border.One Border-width sets the width of the four borders. One Outline-color sets the color of the outline. TwoOutline-style sets the outline style. TwoBorder-right sets all right border attributes in a declaration.OneBorder-style sets the style of the four borders. OneBorder-top sets all of the upper border properties in a declaration. OneOutline sets all of the outline attributes in a declaration.Two Outline-width sets the width of the outline. TwoCSS text attributes (Text)Property description CSSColor sets the color of the text. OneDirection specifies the direction / writing direction of the text. TwoLETTER-SPACING sets character spacing. OneLine-height sets the line height. OneText-align specifies the horizontal alignment of text. OneText-decoration specifies the decorative effect added to the text. OneText-indent provides the first line indent text block. OneText-shadow specifies the shadow effect added to the text. TwoText-transform controls text case. OneUnicode-bidi sets text direction. TwoWhite-space specifies how to handle the space in an element. One Word-spacing sets word spacing. OneCSS font property (Font)Property description CSSFont sets all font attributes in a declaration. OneFont-family specifies the font family of text. OneFont-size specifies the font size of the text. OneFont-size-adjust specifies the aspect value for an element. Two Font-stretch shrinks or stretches the current font family. Two Font-style specifies the font style of the text. OneFont-variant specifies the font style of the text. OneFont-weight specifies the size of the font. OneCSS outer distance attribute (Margin)Property description CSSMargin sets all external distance attributes in a statement. OneMargin-bottom sets the lower outer margin of the element. OneMargin-left sets the left outer margin of the element. OneMargin-right set the elements of the right margin. OneMargin-top set the elements of the margin. OneCSS inner margin attribute (Padding)Property description CSSPadding sets all internal margin attributes in a declaration. OnePadding-bottom sets the inner margin of the element. OnePadding-left sets the left inner margin of the element. OnePadding-right sets the right inner margin of the element. OnePadding-top sets the upper margin of the element. OneCSS list attribute (List)Property description CSSList-style sets all of the list properties in a declaration. OneList-style-image sets the image to list item tags. OneList-style-position sets the placement position of the list item flag. OneList-style-type sets the list item label type. OneMarker-offset 2Content generation (Generated, Content)Property description CSSContent and before, and after pseudo elements are used in conjunction to insert the generated content. TwoCounter-increment increments or decrements one or more counters. TwoCounter-reset creates or resets one or more counters. TwoQuotes sets the quotation marks for nested references. TwoCSS size attribute (Dimension)Property description CSSHeight sets element height. OneMax-height sets the maximum height of the element. TwoMax-width sets the maximum width of the element. TwoMin-height sets the minimum height of the element. TwoMin-width sets the minimum width of the element. TwoWidth sets the width of the element. OneCSS location attribute (Positioning)Property description CSSBottom sets the offset between the outer margin margin of the locating element and the lower boundary of the block. TwoClear specifies which side of the element does not allow other floating elements. OneClip tailoring absolute positioning elements. TwoCursor specifies the type (shape) of the cursor to display. Two Display specifies the type of box that the element should generate. OneFloat specifies whether the box should float. OneLeft sets the offset between the left outer margin margin of the positioning element and the left boundary of the block containing it. TwoOverflow specifies what happens when the contents overflow element box. TwoPosition specifies the location type of the element. TwoRight set the location element right margin contains the offset between the block boundaries with the right boundary. TwoTop positioning elements contain margin boundaries with theoffset between the block boundary. TwoVertical-align sets the vertical alignment of the elements. OneVisibility specifies whether the element is visible. TwoZ-index sets the stacking order of elements. TwoCSS print property (Print)Property description CSSOrphans sets the minimum number of rows that must be left at the bottom of the page when elements are paged inside. TwoThe paging behavior after the page-break-after sets the element. TwoPage-break-before paging behavior before setting elements. TwoPage-break-inside sets the paging behavior inside the element. TwoWidows sets the minimum number of rows that must be reserved at the top of the page when elements are paged inside. TwoCSS table attribute (Table)Property description CSSBorder-collapse specifies whether to merge the table borders. TwoBorder-spacing specifies the distance between the borders of adjacent cells. TwoCaption-side specifies the location of the title of the form. Twobackgrounds on the empty cells in the table. TwoTable-layout sets the layout algorithm for the table. TwoCSS pseudo class (Pseudo-classes)Property description CSS:active adds styles to elements that are activated. One:focus adds styles to elements that have the keyboard input focus. TwoHover: when a mouse is suspended above an element, add a style to the element. One:link adds styles to an unexpected link. One:visited adds styles to links that have been accessed. One:first-child adds a style to the first child element of the element. Two:Lang adds a style to the element with the specified Lang attribute. Two伪元素(css pseudo elements.属性描述cssfirst letter向文本的第一个字母添加特殊样式.first line向文本的首行添加特殊样式.2. before在元素之前添加内容.:after在元素之后添加内容.production打印属性打印html web我们可以借助打印属性让打印文档总是会出现问题.在css2中，内容更容易一些.属性描述值设置元素放在页面底部时所允许的最少文本行数）children.设置是否在内容区之外但是在画布的可打印区域内放〃十字标志marks”.请注意，css2. 1已删除该属性.none cropcross这个属性与属性结合可以指定打印一个元素时所用的特定页面类型page size.请注意，css2. 1已删除该属性.auto identificationpage break after driving设置元素后是否应当放置分页符. alwaysnewleftrightpage break before driving设置元素前否应当放置分页符.alwaysnewleftright page break inside car设置元素内部是否应当放置分页符.newsize利用这个属性，创作人员可以声明打印一个元素时所用页框的大小和方向.它可以与page结合使用.不过并不要求一定如此.请注意，css2. 1已删除该属性.autoportraitlandscapeon设置元素放在页面顶部时所允许的最少文本行数.)。
JS操作DOM元素属性和方法
JS操作DOM元素属性和方法JavaScript是一种强大的编程语言，它可以用来操作HTML文档中的DOM（文档对象模型）元素。
DOM是将HTML文档表示为一个树状结构，每个HTML元素都是DOM树的一个节点，可以通过JavaScript来访问和操作这些节点的属性和方法。
1.获取DOM元素：2.修改DOM属性：通过JavaScript，可以直接修改DOM元素的属性值，例如修改元素的style属性、className属性和innerHTML属性等。
这些属性可以用来改变元素的样式、类名和内容等。
3.创建和添加新的DOM元素：通过JavaScript，可以使用createElement方法来创建一个新的DOM元素，并使用appendChild方法将其添加到指定的父元素中。
这样可以动态地向HTML文档中添加新的元素。
4.删除DOM元素：通过JavaScript，可以使用removeChild方法来删除指定的DOM元素。
这样可以在不刷新整个页面的情况下，动态地删除不需要的DOM元素。
5.修改DOM元素的样式：通过JavaScript，可以直接修改DOM元素的样式属性，例如修改元素的背景颜色、字体大小和边框样式等。
这样可以实现动态改变元素的样式效果。
6.绑定和响应事件：通过JavaScript，可以通过addEventListener方法将事件绑定到DOM元素上，并在事件发生时执行相应的处理函数。
这样可以实现对用户操作的响应，例如点击事件、鼠标移动事件和键盘事件等。
7.查询和修改DOM元素的位置信息：通过JavaScript，可以使用offsetLeft、offsetTop、clientWidth 和clientHeight等属性来查询元素的位置和尺寸信息。
这样可以实现根据元素的位置来进行相应的布局和排列。
8.查询和修改DOM元素的父子关系：通过JavaScript，可以使用parentNode、childNodes和nextSibling等属性来查询和修改DOM元素的父子关系。
CSS的基本语法与使用技巧详解
CSS的基本语法与使用技巧详解CSS（层叠样式表）是一种用于描述网页元素样式的语言。
通过使用CSS，我们可以自定义网页的布局、颜色、字体、大小等各种样式效果。
本文将详细介绍CSS的基本语法和使用技巧，帮助读者更好地理解和运用CSS。
一、CSS的基本语法CSS的基本语法由选择器和声明块组成。
选择器用于选择需要样式化的元素，而声明块则包含了一个或多个声明，每个声明由属性和值构成，表示元素的样式。
选择器可以是HTML元素名称、类名、ID或其他属性等。
下面是一些常见的选择器示例：1、HTML元素选择器：用于选择特定的HTML元素，如p、h1、a等。
2、类选择器：用于选择具有相同类名的HTML元素，类名以.开头，如.class1、.class2等。
3、ID选择器：用于选择具有特定ID的HTML元素，ID以#开头，如#myElement。
4、属性选择器：用于选择具有特定属性的HTML元素，如[type="text"]。
一个基本的CSS规则由选择器和声明块组成，如下所示：```选择器{属性1:值1;属性2:值2;...}```例如，我们要选择class为"myDiv"的元素，并设置其文本颜色为红色，背景颜色为黄色，可以这样写CSS代码：```.myDiv{color:red;background-color:yellow;}```二、CSS的使用技巧1、继承和层叠CSS中的继承和层叠是两个重要的特性，可以帮助我们提高样式的复用和灵活性。
继承是指子元素会继承父元素的某些样式。
例如，如果我们将一个p元素的颜色设置为红色，那么其所有子元素的文本颜色都会继承这个属性值。
层叠是指当某个元素具有多个样式定义时，浏览器会根据一定的优先级规则选择使用哪个样式。
可以使用!important关键字来提升某个样式的优先级，但过度使用会导致代码难以维护，应谨慎使用。
2、盒模型和布局CSS的盒模型是指一个HTML元素被分为内容区、内边距、边框和外边距四个部分。
网页设计 ztree v3.5 css分解与dom结构说明
∙∙zTree v3.5 Css分解与dom结构说明点评：首先要强调的就是，制作 zTree 时一定要让 ul 容器设置 className：ztree；这个主要就是为了避免与页面上自定义的css 或者其他插件的css 冲突;zTree 的 css 文件就是 zTreeStyle.css，其实这里面的 css 内容并不多，熟悉 css 的应该看起来还是挺容易的首先要强调的就是，制作 zTree 时一定要让 ul 容器设置 className：ztree；这个主要就是为了避免与页面上自定义的css 或者其他插件的css 冲突马上要开始研究新版本的 zTree 结构了，所以要先把现在的情况再多分析一下，做了 v3.x 版本后也一直没有制作 css 的文档，特在此进行整理一下，一边讲结构，一边说说小技巧，希望能给大家一些帮助。
zTree 的 css 文件就是 zTreeStyle.css，其实这里面的 css 内容并不多，熟悉 css 的应该看起来还是挺容易的。
首先要强调的就是，制作 zTree 时一定要让 ul 容器设置 className：ztree；这个主要就是为了避免与页面上自定义的css 或者其他插件的css 冲突；但 css 内容太多了，我不可能为了100%的避免冲突，就在 css 内把所有的 css 属性都设置一遍，如果这么做的话这个 css 就太臃肿了，基本上我我对常用的这几个属性进行了重新设定。
所以，如果当你使用 zTree 时出现了样式异常的话，就请用调试工具找到冲突的原因，然后将适用于 zTree 的属性补充到 zTree 的 css 内即可。
同时，因为 zTree 的 css 都有 .ztree 做约束，所以一般情况下 zTree 的样式是不会引起页面上其他内容样式异常的。
了解 css 之前先看看 zTree 的 DOM 结构吧：zTree 的结构就是 ul 里面包着 li ，li 里面再包着 ul ......每一个节点都以一个 li 为主，它的子节点的 DOM 都存在于这个 li 里面的 ul 内每个节点 li 的 id 就是这个节点的 tId 值父节点的 +/- 号就是 li 内的第一个 span， id 是 tId + _switch节点的名称是 a 标签，id 是 tId + _a节点的图标在 a 标签内，id 是 tId + _ico节点的名称文字在 a标签内，id 是 tId + _span子节点容器是 ul，id 是 tId + _ul节点的 li、a、ul 都带有 level 的 class，这样你可以专门针对不同等级 level 设置自定义的样式下面开始解析css 吧：复制代码代码如下:.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Hel vetica, AppleGothic, sans-serif}.ztree {margin:0; padding:5px; color:#333}.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:le ft; white-space:nowrap; outline:0}.ztree li ul{ margin:0; padding:0 0 0 18px}.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}以上部分是 zTree 的总体样式，看一眼就知道，真么啥好说的了....复制代码代码如下:.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;text-decoration:none; vertical-align:top; display: inline-block}.ztree li a:hover {text-decoration:underline}以上部分是 zTree 节点显示名称的 a 标签基本样式复制代码代码如下:.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:b lack; height:16px; border:1px #FFB951 solid; opacity:0.8;}.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; co lor:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}以上部分是 zTree 节点当前被选中时的样式，有 Edit 的是处于编辑模式时的样式代码如下:.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; col or:white; height:16px; border:1px #316AC5 solid;opacity:0.8; filter:alpha(opacity=80)}.ztree li a.tmpTargetNode_prev {}.ztree li a.tmpTargetNode_next {}以上部分是 zTree 节点拖拽时，目标节点根据 inner 、prev、next 不同状态时的样式代码如下:.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;font-size:12px; border:1px #7EC4CC solid; *border:0px}以上部分是 zTree 节点编辑名称时的 input 的样式复制代码代码如下:.ztree li span {line-height:16px; margin-right:2px}以上部分是 zTree 节点内 span 的基础样式代码如下:.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; displa y: inline-block; vertical-align:middle;border:0 none; cursor: pointer;outline:none;background-color:transparent; background-repeat:no-repeat; background-attachmen t: scroll;background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/z TreeStandard.gif")}以上部分是 zTree 节点 +/- 号、checkbox、radio、图标的基础样式代码如下:.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: a uto}.ztree li span.button.chk.checkbox_false_full {background-position:0 0}.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14p x}.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42p x}.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px} .ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px} .ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56p x}.ztree li span.button.chk.radio_false_full {background-position:-28px 0}.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14 px}.ztree li span.button.chk.radio_false_part {background-position:-28px -28px} .ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42 px}.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}.ztree li span.button.chk.radio_true_full {background-position:-42px 0}.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14p x}.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42p x}.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}以上部分是 checkbox、radio 所有状态时的样式。
常用的dom方法
常用的dom方法常用的DOM方法包括以下几类：元素选择、节点操作、属性操作、样式操作、事件处理以及动画效果。
一、元素选择：DOM方法可以通过各种方式选择和访问页面上的元素节点。
1. getElementById(id)：根据元素的id属性值获取元素节点。
2. getElementsByClassName(className)：根据元素的类名获取元素节点。
3. getElementsByTagName(tagName)：根据元素的标签名获取元素节点。
4. querySelector(selector)：根据CSS选择器选择第一个匹配的元素节点。
5. querySelectorAll(selector)：根据CSS选择器选择所有匹配的元素节点。
二、节点操作：DOM方法可以对元素节点进行创建、插入、删除、替换等操作。
1. createElement(tagName)：创建一个具有指定标签名的元素节点。
2. createTextNode(text)：创建一个包含指定文本内容的文本节点。
3. appendChild(node)：将指定节点添加到父节点的子节点列表的最后一个位置。
4. insertBefore(newNode, referenceNode)：在参考节点之前插入新节点。
5. removeChild(node)：从父节点移除指定的子节点。
6. replaceChild(newNode, oldNode)：用新节点替换指定的子节点。
三、属性操作：DOM方法可以获取和修改元素节点的属性值。
1. getAttribute(name)：获取元素节点指定属性名的属性值。
2. setAttribute(name, value)：设置元素节点指定属性名的属性值。
3. removeAttribute(name)：移除元素节点指定属性名的属性值。
四、样式操作：DOM方法可以获取和修改元素节点的样式。
1. className：获取或设置元素节点的class属性值。
css语法手册全集(不看你会后悔的)
CSS 语法手册全集（不看你会后悔的！）CSS 语法手册（一）字体属性1、font-family功能：用于改变HTML 标志或元素的字体，你可设置一个可用字体清单。
浏览器由前向后选用字体。
powered by 语法：{font-family: 字体1, 字体2, ... , 字体n} 例子：字体2、font-style 功能：使文本显示为扁斜体或斜体等表示强调。
数值：normal - 正常italic - 斜体oblique - 偏斜体例子：NormalItalic Oblique3、font-variant 功能：用于在正常与小型大写字母字体间切换。
数值：normal -如果该标志继承父元素的small-caps 设置，则关键字normal 将font-variant 设置为正常字体。
small-caps- 把小写字母显示为字体较小的大写字母。
例子：FONT-VARIANT4、font-weight 功能：用于设置字体灰度，生成字体的深，浅版本。
数值：正常灰度- normal相对灰度- bold, bolder, light, lighter梯度灰度- 取值如下：100, 200, 300, 400( 相当于normal), 500, 600, 700( 相当于bold), 800, 900 。
例子：字体灰度5、font-size 功能：用各种度量单位控制文本字体大小。
数值：有四种数值方式绝对尺寸- 用具体字号表定义字体大小，可以取下列数值之一：xx - small, x-small, small, medium, large, x-large, xx-large 。
不同字体有不同的数值。
相对尺寸- larger, smaller ，产生的尺寸是相对于父容器字号而言的。
长度- 用毫米(mm) ，厘米(cm) ，英寸(in) ，点数(pt) ，象素(px)，pica(pc) , ex(小写字母x的高度咸em(字体高度)作为度量单位。
web前端培训教程：DOM操作css样式
web前端培训教程：DOM操作css样式CSS 作为(X)HTML 的辅助，可以增强页面的显示效果。
但不是每个浏览器都能支持最新的CSS 能力。
CSS 的能力和DOM 级别密切相关，所以我们有必要检测当前浏览器支持CSS 能力的级别。
DOM1 级实现了最基本的文档处理，DOM2 和DOM3 在这个基础上增加了更多的交互能力，这里我们主要探讨CSS，DOM2 增加了CSS 编程访问方式和改变CSS 样式信息。
//检测浏览器是否支持DOM1级CSS能力或DOM2级CSS能力alert('DOM1 级CSS 能力：' + document.implementation.hasFeature('CSS', '2.0'));alert('DOM2 级CSS 能力：' + document.implementation.hasFeature('CSS2', '2.0'));PS：这种检测方案在IE 浏览器上不精确，IE6 中，hasFeature()方法只为HTML 和版本1.0 返回true，其他所有功能均返回false。
但IE 浏览器还是支持最常用的CSS2 模块。
1.访问元素的样式 任何HTML 元素标签都会有一个通用的属性：style。
它会返回CSSStypeDeclaration 对象。
下面我们看几个最常见的行内style 样式的访问方式var box = document.getElementById('box'); //获取boxbox.style.cssFloat.style; //CSSStyleDeclarationbox.style.cssFloat.style.color; //redbox.style.cssFloat.style.fontSize; //20pxbox.style.cssFloat || box.style.styleFloat; //left，非IE 用cssFloat，IE 用styleFloatPS：以上取值方式也可以赋值，最后一种赋值可以如下：typeof box.style.cssFloat != 'undefined' ?box.style.cssFloat = 'right' : box.style.styleFloat = 'right';box.style.cssText; //获取CSS 代码//box.style.length; //3，IE 不支持//box.style.removeProperty('color'); //移除某个CSS 属性，IE 不支持//box.style.setProperty('color','blue'); //设置某个CSS 属性，IE 不支持PS：Firefox、Safari、Opera9+、Chrome 支持这些属性和方法。
dom节点样式操作要点
dom节点样式操作要点DOM（文档对象模型）节点样式操作是指通过JavaScript来操作HTML元素的样式。
要点包括以下几个方面：1. 获取DOM节点，首先要获取要操作的DOM节点，可以通过document.getElementById、document.getElementsByClassName、document.getElementsByTagName等方法获取到对应的DOM节点。
2. 修改样式属性，一旦获取到DOM节点，就可以通过节点的style属性来修改其样式。
比如，可以通过style.color来修改文本颜色，通过style.backgroundColor来修改背景颜色，通过style.fontSize来修改字体大小等。
3. 添加和移除类名，通过classList属性可以添加和移除元素的类名，从而改变元素的样式。
可以使用add方法添加类名，remove方法移除类名，toggle方法切换类名的状态。
4. 计算样式，可以使用window.getComputedStyle方法来获取计算后的样式，这样可以获取到元素最终呈现的样式，而不仅仅是内联样式。
5. 使用CSSText属性，可以直接通过设置元素的style.cssText属性来一次性设置多个样式，这在一次性修改多个样式时很方便。
6. 注意兼容性，在进行DOM节点样式操作时，要注意不同浏览器对样式操作的兼容性。
有些属性在不同浏览器下的表现可能会有差异，需要进行兼容性处理。
总之，DOM节点样式操作是通过JavaScript来实现对HTML元素样式的动态修改，可以通过获取节点、修改样式属性、添加移除类名、计算样式等方式来实现对元素样式的操作。
在实际应用中，需要注意兼容性，并且可以结合CSS样式表来更好地管理和操作元素的样式。
CSS-DOM操作
CSS-DOM操作所谓CSS-DOM操作就是读取和设置style对象的各种属性，style属性很强⼤，但是美中不⾜的是⽆法通过它来提取到通过外部CSS设置的样式信息，然⽽在家jQuery中，这些就可以通过css()⽅法实现了。
和之前⼀样，在开始前，我们先在html中写出接下来操作要⽤到的DOM结构树：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="jquery-3.2.1.js"></script><style type="text/css">#Id1{width:200px;height:100px;border:1px solid red;color:red;}#Id2{width:200px;height:100px;margin:50px;padding:20px;border:1px solid red;}</style></head><body><div id="Id1">我是第⼀个DIV,我的id是Id1</div><div id="Id2" style="color:#00ffff;">我是第⼆个DIV,我的id是Id2</div></body></html>css()通过css()⽅法，我们既可以获取外部CSS导⼊的样式，也能获取html内联样式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS和DOM属性用法速查手册CSS属性用法速查手册--------------------------------------------------------------------------------!important增加特定规则的重要性。
:active设置当链接处于激活状态时a元素的样式。
:first-letter在对象的第一个字符上应用一个或多个样式。
:first-line在对象的第一行上应用一个或多个样式。
:hover设置当用户将鼠标指针悬停在链接上时a元素的样式。
:link设置当链接最近没有访问过时a元素的样式。
:visited设置当链接最近访问过时a元素的样式。
@charset设置外部样式表的字符集。
@font-face设置要嵌入HTML文档的字体。
@import导入一个外部样式表。
@media设置styleSheet对象中一组规则的媒体类型。
@page设置styleSheet中页面框的尺寸、方向和边距。
abbr设置或获取对象的缩写文本。
accelerator设置或获取表明对象是否包含快捷键的字符串。
accept设置或获取以逗号分隔的内容类型列表。
acceptCharset设置或获取处理表单的服务器必须接受的输入数据所用的字符编码方式列表。
accessKey设置或获取对象的快捷键。
action设置或获取表单内容要发送处理的URL。
activeElement获取当父document拥有焦点时获得焦点的对象。
additive设置或获取表明动画是否附加到其它动画的值。
align设置或获取对象针对其邻接文本如何排列。
align设置或获取标题或标志的排列。
align设置或获取表格排列。
align设置或获取对象相对于显示或表格的排列方式。
aLink设置或获取元素中所有激活链接的颜色。
alinkColor设置或获取元素中所有激活链接的颜色。
allowTransparency设置或获取对象是否可为透明。
alt设置或获取用于替代图像的文本。
altHTML设置可选的若对象装载失败时要执行的替换HTML脚本。
altKey设置或获取Alt键的状态。
altLeft设置或获取左Alt键的状态。
appCodeName获取浏览器的代码名称。
APPLICATION表明对象的内容是否为HTML应用程序(HTA)，从而免除浏览器的安全模型。
appMinorVersion获取应用程序的次版本值。
appName获取浏览器的名称。
appVersion获取浏览器运行的平台和版本。
archive设置或获取可用于实现对象的你自己的archive功能的字符串。
ATOMICSELECTION指定元素及其内容是否必须以一不可见单位统一选择。
autocomplete设置或获取对象的自动完成状态。
availHeight获取系统屏幕的工作区域高度，排除Microsoft?Windows?任务栏。
availWidth获取系统屏幕的工作区域宽度，排除Windows任务栏。
axis设置或获取以逗号分隔的与对象关联的概念分类列表。
background设置或获取对象最多五个独立的背景属性。
background设置或获取页面上文本和图像后平铺的背景图片。
background设置或获取对象中文本和图像后平铺的背景图片。
backgroundAttachment设置或获取背景图像如何附加到文档内的对象中。
backgroundColor设置或获取对象内容后的颜色。
backgroundImage设置或获取对象的背景图像。
backgroundPosition设置或获取对象背景的位置。
backgroundPositionX设置或获取backgroundPosition属性的x坐标。
backgroundPositionY设置或获取backgroundPosition属性的y坐标。
backgroundRepeat设置或获取对象的backgroundImage属性如何平铺。
balance设置或获取表明背景声音的音量如何分配在左右扬声器的值。
Banner使用event对象获取高级流重定向器(ASX)文件中项目的Banner内容。
BannerAbstract获取ASX文件项的BannerAbstract内容。
BaseHref获取可找到对象标签的URL字符串。
这通常是对象所在文档的href，或者由base元素设置的值。
behavior设置或获取文本如何在字幕中滚动。
behavior设置或获取DHTML行为的位置。
BGCOLOR设置对象后面的背景颜色。
bgColor不推荐。
设置或获取对象后面的背景颜色。
bgColor不推荐。
设置或获取表明对象后面的背景颜色的值。
bgProperties设置或获取背景图片的属性。
blockDirection获取表明块元素内容的绕排方向的值，是由左至右，还是由右至左。
border设置或获取绘制对象周围边框的属性。
border设置或获取框架间的空间，包括3D边框。
border设置或获取绘制对象周围边框的宽度。
borderBottom设置或获取对象下边框的属性。
borderBottomColor设置或获取对象下边框的颜色。
borderBottomStyle设置或获取对象下边框的样式。
borderBottomWidth设置或获取对象下边框的宽度。
borderCollapse设置或获取表明表格行和单元格边框是组合为单一边框还是像标准HTML那样分离。
borderColor设置或获取对象的边框颜色。
borderColor设置或获取对象的边框颜色。
borderColorDark设置或获取用于绘制对象3D边框的两种颜色的一种。
borderColorLight设置或获取用于绘制对象3D边框的两种颜色的一种。
borderLeft设置或获取对象左边框的属性。
borderLeftColor设置或获取对象左边框的颜色。
borderLeftStyle设置或获取对象左边框的样式。
borderLeftWidth设置或获取对象左边框的宽度。
borderRight设置或获取对象右边框的属性。
borderRightColor设置或获取对象右边框的颜色。
borderRightStyle设置或获取对象右边框的样式。
borderRightWidth设置或获取对象右边框的宽度。
borderStyle设置或获取对象上下左右边框的样式。
borderTop设置或获取对象上边框的属性。
borderTopColor设置或获取对象上边框的颜色。
borderTopStyle设置或获取对象上边框的样式。
borderTopWidth设置或获取对象上边框的宽度。
borderWidth设置或获取对象上下左右边框的宽度。
bottom设置或获取围绕对象内容的矩形下边坐标。
bottom设置或获取对象相对于文档层次中下个定位对象的底部的位置。
bottomMargin设置或获取整个页面主体的底部边距。
boundingHeight获取绑定TextRange对象的矩形的高度。
boundingLeft获取绑定TextRange对象的矩形左边缘和包含TextRange对象的左侧之间的距离。
boundingTop获取绑定TextRange对象的上边缘和包含TextRange对象的顶边之间的距离。
boundingWidth获取绑定TextRange对象的矩形的宽度。
browserLanguage获取浏览器的当前语言。
bufferDepth设置或获取用于画面外位图缓冲颜色的每像素位数。
button设置或获取用户所按的鼠标按钮。
cancelBubble设置或获取当前事件是否要在事件句柄中向上冒泡。
canHaveChildren获取表明对象是否可以包含子对象的值。
canHaveHTML获取表明对象是否可以包含丰富的HTML标签的值。
caption获取表格的caption对象。
cellIndex获取对象于所在行的cells集合中的位置。
cellPadding设置或获取介于单元格边框和单元格内容之间的空间总量。
cellSpacing设置或获取表格中单元格之间的空间总量。
ch设置或获取可用于实现对象的你自己的ch功能的字符串。
charset设置或获取用于解码对象的字符集。
checked设置或获取复选框或单选钮的状态。
chOff设置或获取可用于实现对象的你自己的chOff功能的字符串。
cite设置或获取关于对象的参考信息。
classid设置或获取对象的类标识符。
className设置或获取对象的类。
clear设置或获取对象是否允许在其左侧、右侧或两边放置浮动对象，以防下段文本显示在浮动对象上。
clear设置或获取当在文档中插入换行符后浮动对象在哪边不能定位。
clientHeight获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientLeft获取offsetLeft属性和客户区域的实际左边之间的距离。
clientTop获取offsetTop属性和客户区域的实际顶端之间的距离。
clientWidth获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientX设置或获取鼠标指针位置相对于窗口客户区域的x坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY设置或获取鼠标指针位置相对于窗口客户区域的y坐标，其中客户区域不包括窗口自身的控件和滚动条。
clip设置或获取定位对象的哪个部分可见。
clipBottom获取对象剪裁区域的底边坐标。
clipLeft获取对象剪裁区域的左边坐标。
clipRight获取对象剪裁区域的右边坐标。
clipTop获取对象剪裁区域的顶边坐标。
closed获取引用窗口是否已关闭。
code设置或获取包含已编译的Java类的文件的URL。
codeBase设置或获取组件的URL。
codeType设置或获取于对相关联代码的Internet媒体类型。
color设置或获取mpc行为的容器文本颜色。
color设置或获取对象所使用的颜色。
color设置或获取对象文本的颜色。
colorDepth获取用于目标设置或缓冲区的颜色每像素位数。
cols设置或获取对象的宽度。
cols设置或获取表格的列数。
cols设置或获取对象的框架宽度。
colSpan设置或获取对象应该跨越的表格列数。
compact设置或获取表明列表是否应该通过删除列表对象间的额外空白来压缩的Boolean值。
compatMode设置或获取表明此对象是否应用标准兼容模式的值。
complete获取对象是否已完全装入。
content设置或获取与HTTP-EQUIV或NAME关联的资源信息。
contentEditable设置或获取表明用户是否可编辑对象内容的字符串。
contentOverflow获取表明文档处理当前LayoutRect对象后是否包含附加的内容。