CSS font-stretch 屬性
示例
使 <div> 元素中的文字變寬
div {
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
定義和用法
font-stretch 屬性允許您使文字變窄（condensed）或變寬（expanded）。
注意： 某些字型提供額外的字面形式；例如 condensed 字面形式和 expanded 字面形式。對於這些字型，您可以使用 font-stretch 屬性來選擇 normal、condensed 或 expanded 字型字面形式。
注意： 如果所選字型不提供 condensed 或 expanded 字面形式，此屬性將不起作用！
| 預設值 | normal |
|---|---|
| 繼承 | 是 |
| 可動畫 | 是。 閱讀關於 可動畫屬性 的內容 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.fontStretch="expanded" |
瀏覽器支援
表格中的數字表示該屬性的第一個完整支援的瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
語法
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
屬性值
| 值 | 描述 |
|---|---|
| ultra-condensed | 使文字儘可能窄 |
| extra-condensed | 使文字比 condensed 更窄，但不如 ultra-condensed 窄 |
| condensed | 使文字比 semi-condensed 窄，但不如 extra-condensed 窄 |
| semi-condensed | 使文字比 normal 窄，但不如 condensed 窄 |
| normal | 預設值。無字型拉伸 |
| semi-expanded | 使文字比 normal 寬，但不如 expanded 寬 |
| expanded | 使文字比 semi-expanded 寬，但不如 extra-expanded 寬 |
| extra-expanded | 使文字比 expanded 寬，但不如 ultra-expanded 寬 |
| ultra-expanded | 使文字儘可能寬 |
| initial | 將此屬性設定為其預設值。閱讀關於initial |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
