小码哥的IT人生

CSS font-stretch 属性 详解

css3基础 2022-07-14 16:28:00小码哥的IT人生shichen

CSS font-stretch 属性

定义和用法

font-stretch 属性可对当前的 font-family 进行伸缩变形。

另请参阅:

CSS 教程:CSS 字体

CSS 参考手册:CSS font 属性

HTML DOM 参考手册:fontStretch 属性

实例

设置 HTML 元素的 font-stretch 属性:

h1
  {
  font-stretch:ultra-condensed;
  }

CSS 语法

font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

属性值

描述
normal 默认值。把缩放比例设置为标准。
wider 把伸展比例设置为更进一步的伸展值
narrower 把收缩比例设置为更进一步的收缩值
  1. ultra-condensed
  2. extra-condensed
  3. condensed
  4. semi-condensed
  5. semi-expanded
  6. expanded
  7. extra-expanded
  8. ultra-expanded

设置 font-family 的缩放比例。

"ultra-condensed" 是最宽的值,而 "ultra-expanded" 是最窄的值。

技术细节

默认值: normal
继承性: yes
版本: CSS2
JavaScript 语法: object.style.fontStretch="ultra-expanded"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

Chrome IE / Edge Firefox Safari Opera
48.0 9.0 9.0 11.0 35.0

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024