本文摘自PHP中文网,作者藏色散人,侵删。
css font-stretch属性可对当前的 font-family 进行伸缩变形,所有主流浏览器都不支持font-stretch属性。css font-stretch属性怎么用?
作用:可对当前的 font-family 进行伸缩变形。
注释:所有主流浏览器都不支持 font-stretch 属性。
css font-stretch属性使用示例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html>
<html>
<head>
<style>
#div1 {font-stretch:condensed;}
#div2 {font-stretch:expanded;}
</style>
</head>
<body>
<p><b>Note:</b> No browsers support the font-stretch property.</p>
<div>
Some normal text in a div element.
</div>
<div id= "div1" >
Some condensed text in a div element.
</div>
<div id= "div2" >
Some expanded text in a div element.
</div>
</body>
</html>
|
效果输出:
以上就是css font-stretch属性怎么用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css怎么让样式失效
css怎么加滚动条
css设置背景颜色
css怎么设置最小宽度
表示行高的css属性是什么
css链接状态有哪些
css设置背景透明度有什么方式
css图片怎么设置透明度
css怎么去除table的间隙
css transform属性怎么用
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css font-stretch属性怎么用