JS 字体样式设计.docVIP

1 font 属性在一个声明中设置所有字体属性。 语法： Object.style.font=value 可能的值 值 描述 fontStyle fontVariant fontWeight fontSize/lineHeight fontFamily 设置字体的属性。 caption 为控件定义字体（比如按钮、下拉列表等）。 icon 定义用于标注图标的字体。 menu 定义菜单中使用的字体。 message-box 定义对话框中使用的字体。 small-caption 定义用于标注小型控件的字体。 status-bar 定义在窗口状态栏中使用的字体。 实例 本例改变文本的字体： html head script type=text/javascript function setFont() { document.getElementById(p1).style.font=italic bold 12px arial,serif; } /script /head body p id=p1This is an example paragraph./p input type=button onclick=setFont() value=Change paragraph style / /body /html 2 fontFamily 属性定义用于元素文本显示的字体系列。 语法： Object.style.fontFamily=font1,font2,.... 可能的值 Value Description font1, font2,.... 字体族名称或类组名称的列表，由逗号分割。 提示和注释 提示：使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。 注释：如果字体族名称中含有空格，请为其加上引号。 实例 本例改变文本的字体系列： html head script type=text/javascript function setFont() { document.getElementById(p1).style.fontFamily=arial,sans-serif; } /script /head body p id=p1This is an example paragraph./p input type=button onclick=setFont() value=Change font / /body /html 3 fontSize 属性设置元素的字体大小。 语法： Object.style.fontSize=value 可能的值 值 描述 xx-small x-small small medium large x-large xx-large 把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。 默认值：medium。 smaller 把 font-size 设置为比父元素更小的尺寸。 larger 把 font-size 设置为比父元素更大的尺寸。 length 把 font-size 设置为一个固定的值。 % 把 font-size 设置为基于父元素的一个百分比。 实例 本例改变文本的字体大小： html head script type=text/javascript function setFontSize() { document.getElementById(p1).style.fontSize=larger; } /script /head body p id=p1This is an example paragraph./p input type=button onclick=setFontSize() value=Change font-size / /body /html 4 fontSizeAdjust 属性设置文本的尺寸。 字体的小写字母 x 的高度与 font-size 高度之间的比率被称为一个字体的 aspect 值。当字体拥有高的 aspect 值时，那么当此字体被设置为很小的尺寸时会更易阅读。举例：Verdana 的 aspect 值是 0.58（意味着当字体尺寸为 100px 时，它的 x-height 是 58px ）。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。 该可为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。 语法： Object.style.fontSizeAdjust=none|number 可能的值 值 描述 none 默认。如果此字体不可用，