सीएसएस में फ़ॉन्ट का आकार स्लैश के साथ


133

यहाँ स्लैश का क्या मतलब है:

font: 100%/120%;

4
font-sizeस्लैश स्वीकार नहीं करता है। सही संपत्ति है font
BoltClock

इनके बारे में क्या ख्याल है? पृष्ठभूमि: "आरजीबीए (0, 0, 0, 0) कोई भी दोहराए जाने वाला स्क्रॉल 0% 0% / ऑटो पैडिंग-बॉक्स बॉर्डर-बॉक्स"
jerinho.com

जवाबों:


196

यह वास्तव में दो गुण निर्धारित करता है और इसके बराबर है:

font-size: 100%;
line-height: 120%;

आधिकारिक दस्तावेज उद्धृत करने के लिए :

इस संपत्ति का सिंटैक्स एक पारंपरिक टाइपोग्राफिक शॉर्टहैंड नोटेशन पर आधारित है जो फोंट से संबंधित कई गुणों को सेट करता है।

जैसा कि डेविड एम ने टिप्पणी में कहा है, यह टाइप  ऊंचाई को निर्दिष्ट करने की परंपरा को टाइप करता है, जो लाइन की ऊंचाई पर ग्लिफ़ के आकार को दर्शाने के लिए " x  pt on y pt" है।

लेकिन आपके प्रश्न में उदाहरण वास्तव में गलत है और ब्राउज़र द्वारा अनदेखा किया जाएगा: आप केवल fontशॉर्टहैंड नोटेशन में इन दोनों गुणों को जोड़ सकते हैं , और आपको कम से कम दोनों फ़ॉन्ट आकार और परिवार को निर्दिष्ट करना होगा। बस लिखना font: 100%/120%;इसलिए पर्याप्त नहीं है; आप इसे मान्य करने के लिए एक सामान्य परिवार का नाम जोड़ सकते हैं, जैसे:

font: 100%/120% serif;

53
यह पुराने टाइपिंग सिंटैक्स को मिरर करने के लिए है, जहां आपने "10pt पर 12pt", या "10pt / 12pt" उदाहरण के लिए फ़ॉन्ट सेट किया होगा।
डेविड एम

1
मैं वास्तव में इसे काफी उपयोग करता हूं। मैं जिस डिजाइनर के साथ काम करता हूं वह हमेशा साइज़िंग को संदर्भित करता है, उदाहरण के लिए, "14 से अधिक 22"। मैंने इसे एक दिन दुर्घटना में डाल दिया और जब यह काम किया तो आश्चर्यचकित था।
डायलन लुकेस

1
एक Quickie: इस प्रारूप को भी निर्दिष्ट करने के लिए फ़ॉन्ट-परिवार की आवश्यकता नहीं है? मेरे ब्राउज़र इस संपत्ति को अनदेखा कर रहे हैं: फ़ॉन्ट: 12px / 16px; लेकिन इसे स्वीकार करते हुए: फ़ॉन्ट: 12 पीएक्स / 16 पीएक्स सेन्स-सेरिफ़; इस व्यवहार को यहाँ
कुमारहर्ष

@ हर्ष हां, एक परिवार (एक आकार के साथ) fontशॉर्टहैंड संपत्ति के लिए न्यूनतम आवश्यक है जैसा कि आप आधिकारिक परिभाषा में देख सकते हैं ।
कोनराड रुडोल्फ

स्पष्टीकरण के लिए धन्यवाद। शायद आप उत्तर (या प्रश्न) को अपडेट कर सकते हैं क्योंकि यह थोड़ा भ्रामक है कि एक आकस्मिक पाठक यह मान सकता है कि केवल SIZE / LINE_HEIGHT घोषणा काम करेगी।
कुमारहर्ष

15

कोनराड को यह मिल गया, लेकिन इसमें बहुत सीएसएस शॉर्टहैंड गुण हैं जो आप अपनी स्टाइल शीट को छोटा करने के लिए उपयोग कर सकते हैं। यदि आप उनके बारे में नहीं जानते हैं, तो उनमें से कुछ थोड़ा गूढ़ दिखते हैं।


अधिकांश शॉर्टहैंड संबंधित शैली गुणों को संबोधित करते हैं, हालांकि (उदाहरण के लिए border-*)। डेविड ने मेरे जवाब के लिए टिप्पणियों में एक अच्छी व्याख्या दी है। आशुलिपि के रूप में गूढ़ होने के नाते: निश्चित रूप से सच है, लेकिन इतना उपयोगी और सीखने में काफी आसान है।
कोनराड रुडोल्फ
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.