首頁  >  文章  >  web前端  >  css font-stretch屬性怎麼用

css font-stretch屬性怎麼用

藏色散人
藏色散人原創
2019-05-30 16:45:103684瀏覽

css font-stretch屬性可對目前的 font-family 進行伸縮變形,所有主流瀏覽器都不支援font-stretch屬性。

css font-stretch屬性怎麼用

css font-stretch屬性怎麼用?

作用:可對目前的 font-family 進行伸縮變形。

註解:所有主流瀏覽器都不支援 font-stretch 屬性。

css font-stretch屬性使用範例

<!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 font-stretch屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn