精通 CSS+DIV 网页样式与布局 7

CSS字体尺寸与拉伸属性

最新推荐文章于 2024-04-10 11:41:59 发布

原创最新推荐文章于 2024-04-10 11:41:59 发布 · 431 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #字体 #对象 #脚本 #ie

css+div 专栏收录该内容

168 篇文章

订阅专栏

本文介绍CSS中font-size-adjust属性如何使字体序列中所有字体保持统一尺寸，及font-stretch属性如何调整字体的横向宽度。这两个属性有助于提高文本布局的一致性和美观度。

none : 允许字体序列中每一字体遵守它的自己的尺寸
number : 为字体序列中所有字体强迫指定同一尺寸
说明：
设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。
目前IE5.5尚不支持此属性。
对应的脚本特性为 fontSizeAdjust。请参阅我编写的其他书目。
示例：
p { font-family: arial, courier; font-size-adjust: none; }
p { font-family: verdana, courier; font-size-adjust: .56; }
font-stretch版本：CSS2 兼容性：NONE 继承性：有
语法：
font-stretch : normal | narrower | wider | ultra-condensed |
extra-condensed
extra-condensed | condensed | semi-condensed | semi-expanded | expanded
| extra-expanded | ultra-expanded
参数：
normal : 不应用拉伸变形
narrower : 使用比当前设置的值导致字体宽度更小的值
wider : 使用比当前设置的值导致字体宽度更大的值
说明：
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
目前 IE5.5 尚不支持此属性。
对应的脚本特性为 fontStretch。请参阅我编写的其他书目。
示例：
p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }
font-style 版本：CSS1 兼容性：IE4+ NS4+ 继承性：有