सीएसएस फ़ॉन्ट-खिंचाव संपत्ति
उदाहरण
<div> तत्वों में टेक्स्ट को व्यापक बनाएं:
div
{
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
परिभाषा और उपयोग
font-stretch
संपत्ति आपको पाठ को संकुचित (संघनित) या व्यापक (विस्तारित) बनाने की अनुमति देती है ।
नोट: कुछ फ़ॉन्ट अतिरिक्त चेहरे प्रदान करते हैं; घनीभूत चेहरे और विस्तारित चेहरे। इन फोंट के लिए, आप font-stretch
सामान्य, संघनित, या विस्तारित फ़ॉन्ट चेहरे का चयन करने के लिए संपत्ति का उपयोग कर सकते हैं।
नोट: यदि चयनित फ़ॉन्ट संघनित या विस्तारित चेहरों की पेशकश नहीं करता है तो इस संपत्ति का कोई प्रभाव नहीं पड़ता है!
डिफ़ॉल्ट मान: | साधारण |
---|---|
विरासत में मिला: | हां |
एनिमेटेबल: | हां। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.fontStretch = "विस्तारित" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
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;
सम्पत्ति की कीमत
Value | Description |
---|---|
ultra-condensed | Makes the text as narrow as it gets |
extra-condensed | Makes the text narrower than condensed, but not as narrow as ultra-condensed |
condensed | Makes the text narrower than semi-condensed, but not as narrow as extra-condensed |
semi-condensed | Makes the text narrower than normal, but not as narrow as condensed |
normal | Default value. No font stretching |
semi-expanded | Makes the text wider than normal, but not as wide as expanded |
expanded | Makes the text wider than semi-expanded, but not as wide as extra-expanded |
extra-expanded | Makes the text wider than expanded, but not as wide as ultra-expanded |
ultra-expanded | Makes the text as wide as it gets |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |