CSS:font-stretch

2016-02-19 16:38 3 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的CSS:font-stretch,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

font-stretch版本:CSS2  兼容性:无 继承性:有

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

语法:

font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded

取值:

normal : 默认值。不应用拉伸变形

narrower : 使用比当前设置的值导致字体宽度更小的值

wider : 使用比当前设置的值导致字体宽度更大的值

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

说明:

设置或检索用于对象中文本的文字是否横向的拉伸变形。

改变是相对于浏览器显示的字体的正常宽度的。

对应的脚本特性为 fontStretch 。

示例:

p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }

来源:https://www.tulaoshi.com/n/20160219/1612610.html

延伸阅读
icofont为何物?图标字体也。图标和字体怎能混为一谈呢?icofont就是用font-family来实现icon,主要用到了css3中的@font-face。 实现我们来熟悉一下@font-face这个属性。 @font-face的语法规则: @font-face {    font-family: YourWebFontName;    src: source [format][,source [format]]*;    [font-we...
标签: Web开发
使用“设计”模式进行网页设计的时候经常会出现垃圾代码font和/font 使用VisualStudio的查找替换功能可以将这些东西彻底消除 CTRL + H 打开替换功能 选中正则表达式,关掉大小写匹配 查找内容为 \/*font[^]*\ 替换为空 全部替换 OK全部清楚了·V·
标签: Web开发
什么是css框架 实际上还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 阅读更多网页教学网CSS框架相关知识: CSS教程关于css框架网页设计 门户网站构建CSS框架的规则 利用CSS框架进行高效率的站点开发 CSS框架的利与弊(上) CSS框架的利与弊(下) 利用CSS框架进行高效率的站点开发 El...
标签: Web开发
使用“设计”模式进行网页设计的时候经常会出现垃圾代码font和/font  使用VisualStudio的查找替换功能可以将这些东西彻底消除  CTRL + H  打开替换功能  选中正则表达式,关掉大小写匹配  查找内容为   \/*font[^]*\  替换为空  全部替换  OK全部清楚了·V...

经验教程

136

收藏

8

精华推荐

css教程:css和document

css教程:css和document

愤青小卉卉

CSS优化:less优化CSS

CSS优化:less优化CSS

清泉1024

CSS教程:css组合与CSS嵌套的写法

CSS教程:css组合与CSS嵌套的写法

乔林儿

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部