ตัวอย่าง
ทำให้ข้อความในทุก <div> องค์ประกอบที่กว้างขึ้น:
div
{
font-stretch: expanded;
}
ลองตัวเอง»
ความหมายและการใช้งาน
สถานที่ให้บริการแบบอักษรยืดช่วยให้คุณสามารถทำให้ข้อความกว้างขึ้นหรือแคบ
ค่าเริ่มต้น: | normal |
---|
รับการถ่ายทอด: | yes |
---|
Animatable: | yes. Read about animatable
|
---|
เวอร์ชัน: | CSS3 |
---|
ไวยากรณ์ javascript: | object .style.fontStretch="expanded" |
---|
สนับสนุนเบราว์เซอร์
ไม่มีของเบราว์เซอร์หลักที่สนับสนุนคุณสมบัติ Font-ยืด
คุณสมบัติ | | | | | |
---|
font-stretch | ได้รับการสนับสนุน | ได้รับการสนับสนุน | ได้รับการสนับสนุน | ได้รับการสนับสนุน | ได้รับการสนับสนุน |
วากยสัมพันธ์
font-stretch:
ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|
ultra-condensed | ทำให้ข้อความที่แคบ ๆ ตามที่ได้รับ |
extra-condensed | ทำให้ข้อความที่แคบกว่าข้น แต่ไม่เป็นที่แคบเป็นพิเศษข้น |
condensed | ทำให้ข้อความที่แคบกว่ากึ่งข้น แต่ไม่เป็นที่แคบเป็นพิเศษข้น |
semi-condensed | ทำให้ข้อความที่แคบกว่าปกติ แต่ไม่เป็นที่แคบข้น |
normal | ค่ามาตรฐาน ไม่มีตัวอักษรยืด |
semi-expanded | ทำให้ข้อความกว้างกว่าปกติ แต่ไม่ได้กว้างที่สุดเท่าที่ขยายตัว |
expanded | ทำให้ข้อความกว้างกว่ากึ่งขยายตัว แต่ไม่เป็นกว้างเป็นพิเศษขยาย |
extra-expanded | ทำให้ข้อความที่กว้างกว่าการขยายตัว แต่ไม่เป็นกว้างเป็นพิเศษขยาย |
ultra-expanded | ทำให้ข้อความที่กว้างที่สุดเท่าที่จะได้รับ |
initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |