字型的拉伸和壓縮變形。
基本介紹
- 外文名：font-stretch
- 釋義：字型的拉伸和壓縮變形
- 說明：目前IE5.5尚不支持此屬性
- 語法：font-stretch :normal
簡介,語法：,參數：,說明：,取值：,示例,
簡介
font-stretch：font-stretch 屬性可對當前的 font-family 進行伸縮變形。
語法：
font-stretch :normal |narrower |wider |ultra-condensed |extra-condensed |condensed |semi-condensed |semi-expanded |expanded |extra-expanded |ultra-expanded
參數：
normal : 不套用拉伸變形
narrower : 使用比當前設定的值導致字型寬度更小的值
wider : 使用比當前設定的值導致字型寬度更大的值
說明：
設定或檢索用於對象中文本的文字是否橫向的拉伸變形。
改變是相對於瀏覽器顯示的字型的正常寬度的。
目前IE5.5尚不支持此屬性。
對應的腳本特性為fontStretch。請參閱我編寫的其他書目。
所有主流瀏覽器都不支持 font-stretch 屬性。
取值：
ultra-condensed：
比正常文字寬度窄4個基數。
extra-condensed：
比正常文字寬度窄3個基數。
condensed：
比正常文字寬度窄2個基數。
semi-condensed：
比正常文字寬度窄1個基數。
normal：
正常文字寬度
semi-expanded：
比正常文字寬度寬1個基數。
expanded：
比正常文字寬度寬2個基數。
extra-expanded：
比正常文字寬度寬3個基數。
ultra-expanded：
比正常文字寬度寬4個基數。
示例
p {
margin: 0;
font - size: 80px;
font - weight: bold;
background: #ddd;
width: 30px;
}.test.normal p {
font - stretch: normal;
}.test.condensed p {
font - stretch: condensed;
}.test.ultra - condensed p {
font - stretch: ultra - condensed;
}.test.extra - condensed p {
font - stretch: extra - condensed;
}.test.semi - expanded p {
font - stretch: semi - expanded;
}.test.expanded p {
font - stretch: expanded;
}.test.ultra - expanded p {
font - stretch: ultra - expanded;
}.test.extra - expanded p {
font - stretch: extra - expanded;
}.test.semi - condensed p {
font - stretch: semi - condensed;
}
normal a condensed a ultra - condensed a extra - condensed a semi - expanded a expanded a ultra - expanded a extra - expanded a semi - condensed a
