CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS font-style 屬性 CSS3 font-size-adjust 屬性

CSS3 font-stretch 屬性使用方法及示例

font-stretch CSS屬性從字體中選擇普通，壓縮或擴(kuò)展的外觀。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認(rèn)值：	normal
適用于：	所有元素。它也適用于::first-letter和::first-line
繼承：	是
可動畫制作：	是。請參考動畫屬性。
版本：	CSS3的新功能
JavaScript語法：	object.style.fontStretch="expanded"

font-stretch的使用語法

該屬性的語法如下：

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

下面的示例演示了如何使用font-stretch屬性。

示例

p {
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: condensed;
}

測試看看?/?

屬性值

下表描述了此屬性的值。

值	描述
normal	指定普通字體。這是默認(rèn)值。
ultra-condensed	指定最密集的字體。
extra-condensed	指定第二個最簡潔的字體。
condensed	指定壓縮的字體
semi-condensed	指定略微壓縮的字體。
semi-expanded	指定略微擴(kuò)展的字體。
expanded	指定展開的字體。
extra-expanded	指定第二個擴(kuò)展最大的字體。
ultra-expanded	指定最擴(kuò)展的字體。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素font-stretch的屬性值。

瀏覽器兼容性

font-stretch大多數(shù)瀏覽器均不支持該屬性。

	Firefox 9+ Google Chrome× Internet Explorer 9+ Apple Safari × Opera ×

警告：font-stretch Chrome，Safari和Opera瀏覽器當(dāng)前不支持該屬性。您最好避免使用此屬性。

進(jìn)一步閱讀

請參考以下教程：CSS字體，CSS單位，CSS偽元素。

相關(guān)屬性和規(guī)則：font，font-family，font-size，font-size-adjust，font-style，font-variant，font-weight，@font-face。

CSS font-style 屬性 CSS3 font-size-adjust 屬性