JS字体样式设计

JS字体样式设计

ID:43324939

大小:171.11 KB

页数:18页

时间:2019-09-29

JS字体样式设计_第1页
JS字体样式设计_第2页
JS字体样式设计_第3页
JS字体样式设计_第4页
JS字体样式设计_第5页
资源描述:

《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";}1fontFam订y属性定义用于元素文本显示的字体系列。语法:Object.stylc.fontFaniily二fontl,font2,・・・・可能的值ValueDescripti

3、onfontl,font2,....字体族名称或类组名称的列表,由逗号分割。提示和注释提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。注释:如果字体族名称中含有空格,请为其加上引号。实例本例改变文本的字体系列:•xx-small•x-small•small•medium•1arge

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。实例本例改变文本的字体大小:Thisisanexampleparagraph.

1fontSizeAdjust属性设置文本

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

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。