codecamp

CSS font-stretch 属性

实例

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

h1
  {
  font-stretch:ultra-condensed;
  }

浏览器支持

IE Firefox Chrome Safari Opera
         

所有主流浏览器都不支持 font-stretch 属性。

定义和用法

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

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

可能的值

描述
normal 默认值。把缩放比例设置为标准。
wider 把伸展比例设置为更进一步的伸展值
narrower 把收缩比例设置为更进一步的收缩值
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

设置 font-family 的缩放比例。

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

相关页面

CSS 教程:CSS 字体

CSS 参考手册:CSS font 属性

CSS font-size-adjust 属性
CSS font-style 属性
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

CSS属性

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }