使用JavaScript操作样式最简单的方法就是访问内联样式。内联样式是指对各个元素设定的样式。例如，下面是对<div>元素应用内联样式的例子。
<div style="color:Red;">这是红色的文字。</div>使用style属性可以访问内联样式。
●语法 style属性
elem.style.prop [= value]
elem：元素对象 prop：样式属性 value：设定值 例如下面是鼠标指针移动到<div>元素上方时背景色变为黄色，移开时背景色变为白色的代码。
●清单6-35 style.html（上）／style.js（下）
鼠标指针在上方时改变颜色。
// 鼠标指针移动到上方时改变背景颜色
// 鼠标指针移开时回到原来的颜色
JavaScript完全学习教程
鼠标指针在上方时改变颜色。
●如果鼠标指定移动到上方，背景颜色变为黄色
正如5.1.5中所介绍的，事件监听器中，this表示触发这个事件的对象。在这个例子中，指的是发生mouseover／mouseout事件的<div id="elem">元素。如果可以获取到元素对象，就直接按照上面显示的写法来设定样式，并不是很困难。
但是，关于样式属性名的设定需要特别注意。这是因为样式属性名中有包含连字符的（例如background-color这样的），这些属性名在JavaScript中需要「去掉连字符，并且第2个及以后的单词首字母要大写」。例如，像下面这样。
- background-color → backgroundColor
- border-top-style → borderTopStyle
但是，float属性（CSS）除外，请注意是styleFloat。
下面，是JavaScript中可以使用的主要样式属性。
分类 属性名 概要
边框线条
边框线条整体（依次设定width、style、color的值）
上下左右中一边的边框线条（依次设定width、style、color的值*）
边框线条整体的颜色（颜色名称 | 色值）
上下左右中一边的颜色（颜色名称 | 色值）
边框线条整体的样式（none | dotted | dashed | solid | double | groove | ridge | inset | outset*）
边框线条整体的宽度（medium | thin | thick | 带单位的值）
上下左右中一边的宽度（medium | thin | thick | 带单位的值*）
背景
背景（设定color、image、repeat、attachment、position的值）
显示方法（scroll | fixed）
背景颜色（颜色名称 | 色值）
背景图片（url）
显示位置（X／Y坐标。top | center | bottom | left | right | 带单位的值）
重复显示（repeat | no-repeat | repeat-x | repeat-y）
文本显示
显示方向（tr | rt | inherit）
清楚浮动元素（none | left | right | both）
浮动位置（none |left | right）
行高（normal | 值 | 带单位的值）
文本水平对其方式（left | right | center | justify | inherit）
文本修饰（none | underline | overline | line-through）
文本首行锁进（带单位的值）
垂直对齐方式（auto | baseline | top | bottom | middle | super | sub | text-top | text-bottom）
字体
字体整体（依次设定fontStyle、fontVariant、fontWeight、fontSize、lineHeight、fontFamily的值）
字体系列（字体名|字体系列名）
大小（带单位的值）
样式（normal | italic | oblique）
粗细（normal | bold | bolder | lighter | 100～900的值）
字符颜色（颜色名称 | 色值）
显示和定位
定位方式（absolute | fixed | relative | static）
上／左／右／下的位置。使用position设定的元素的上／左／右／下边距离父元素多少距离（auto | 带单位的值）
显示范围（auto | 值 | 带单位的值）
显示形式（）
高度（auto | 值 | 带单位的值）
宽度（auto | 值 | 带单位的值）
使用position设定的元素的堆叠顺序。深度（auto | 值）
溢出部分的显示（auto | visible | hidden | scroll）
元素是否可见（visible | hidden | inherit）
（下一页继续）
列表
列表整体（依次设定type、position、image）
使用图片替换列表项的标记（none | url）
列表项目标记的位置（outside | inside）
列表项目标记的样式（等）
边距（margin）
边距（依次设定top、right、bottom、left的值）
上下左右中一边的边距（auto | 带单位的值）
内边距（padding）
内边距（依次设定top、right、bottom、left的值）
上下左右中一边的内边距（auto | 带单位的值*）
光标
光标类型（等）
●常用的样式属性
*「Xxxxx」可以是Top（上）／Bottom（下）／Left（左）／Right（右）中的任意一个，分别是上下左右的意思（例：marginBottom=下边距、paddingLeft=左内边距）