欢迎来到天天文库
浏览记录
ID:43324939
大小:171.11 KB
页数:18页
时间:2019-09-29
《JS字体样式设计》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、1font属性在一个声明中设置所有字体属性。语法:Object,style.font二value可能的值值描述•fontStyle•fontVariant•fontWeight•fontSize/1ineHeight•fontFamily设置字体的属性。captionicon为控件定义字体(比如按钮、下拉列表等)。定义用于标注图标的字体。menumessage-boxsmal1-captionstatus-bar定义菜单中使用的字体。定义对话框中使用的字体。定义用于标注小型控件的字体。定义在窗口状态栏屮使用的字体。实例本例改变文本的字体:
2、xt/javascript〃>functionsctFont(){document.getEleinentByld(〃pl〃)•style,font二〃italicbold12pxarial,serif";}
3、onfontl,font2,....字体族名称或类组名称的列表,由逗号分割。提示和注释提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。注释:如果字体族名称中含有空格,请为其加上引号。实例本例改变文本的字体系列:
4、•x-largc•xx-largesmaller把font-sizelarger把font-sizelength把font-size%把font-sizc设置为比父元素更小的尺寸。设置为比父元素更大的尺寸。设置为一个固定的值。设置为基于父元素的一个百分比。1fontSize属性设置元素的字体大小。语法:Object.style.fontSize=value可能的值描述把字体的尺寸设置为不同的尺寸,从xx-small到xx-largCo默认值:medi
5、um。实例本例改变文本的字体大小:
6、的尺寸。字体的小写字母"的高度与"font-size"高度之间的比率被称为一个字体的aspect值。当字体拥有高的aspect道时,那么当此字体被设置为很小的尺寸时会更易阅读。举例:Verdana的aspect值是0.58(意味着当字体尺寸为100px时,它的x-height是58px)oTimesNewRoman的aspect價是0.46□这就意味着Verdana在小尺寸时比TimesNewRoman更易阅读。该可为某个元素规定一个aspect值,这样就可以保持首选字体的x-heightc语法:Object.style・fontSizcAdjust二nonc
7、numbcr可能的值值描述no
8、ne默认。如果此字体不可用,则不保持此字体的x-heighto定义字体的aspect值比率。可使用的公式:首选字体的字体尺寸*(font-size-adjust值/可用字体的aspectnumber值)二可应用到可用字体的字体尺寸举例:如果14px的Verdana(aspect值是0.58)不可用,但是某个可用的字体的aspect值是0.46,那么替代字体的尺寸将是14*(0.58/0.46)=17.65px
此文档下载收益归作者所有