पाठ सजावट के लिए एक से अधिक मान प्राप्त करने में असमर्थ दिखाया

Question

कुछ अजीब - मैं दोनों को रेखांकित करते हैं दिखाने के लिए एक simpel HTML फ़ाइल पाने के लिए कोशिश कर रहा हूँ & overline (लेकिन यह भी "लाइन-के माध्यम से" मूल्य पर होता है) एक पाठ के लिए (इसे एक अलग सीएसएस फ़ाइल में लिखना) लेकिन किसी भी ब्राउजर पर मैं इसे देख रहा हूं (मैंने क्रोम, फ़ायरफ़ॉक्स, ओपेरा, आईई और सफारी स्थापित किया है - उनमें से सभी शायद नवीनतम संस्करण हैं इसलिए कुछ भी नहीं क्रोम संस्करण 6 की तरह ...)।

जब मैं अन्य मानों को हटा रहा हूं और केवल एक निर्दिष्ट करता हूं - यह काम करता है लेकिन जब मैं एक और जोड़ता हूं - टेक्स्ट-सजावट शैली के सभी प्रभाव गायब हो जाते हैं।

क्या कोई इस शैली के किसी मुद्दे के बारे में जानता है?

अग्रिम धन्यवाद।

पेज। मैं उन मानों को एक ही पंक्ति पर डाल रहा हूं, उदा। :

h1, h2 { 
    text-decoration: underline, overline, line-through; 
} 

Answer 1

आप उन्हें एक स्थान के साथ अलग करने की जरूरत है:

h1, h2 { 
 
     text-decoration: underline overline line-through; 
 
    }

<h1> FUNNY </h1>

Answer 2

मैं text-decoration से अधिक मान स्वीकार करने के लिए एक कल्पना कभी नहीं देखा। यहां देखें http://www.w3.org/TR/CSS2/text.html#propdef-text-decoration (रोज़ाना कुछ नया सीखें!)

आप संभवतः निम्नलिखित करके एक अलग तरीके से कार्यान्वित कर सकते हैं।

एचटीएमएल

<p>Some text here and then <span class="underover">underline and overline</span> and some more text here.</p> 

सीएसएस

.underover { 
    border-width: 1px 0; 
    border-style: solid; 
    border-color: blue blue red red; 
} 

एक उदाहरण के लिए इस codepen देखें: http://codepen.io/keithwyland/pen/Eagbz

Answer 3

                nadavage साथ सहमत: मैं चारों ओर भी खेला और पता चला: सीएसएस में अल्पविराम यदि फ़ॉन्ट या मान समर्थित नहीं है के लिए कर रहे हैं। तो अगर मैं लिखने:

font-family: 'Lorem Ipsum', cursive; 

                हैं "Lorem Ipsum" ओएस पर एक पंजीकृत फ़ॉन्ट का एक नाम या में आयात नहीं है, यह "घसीट" फ़ॉन्ट दिखाई देंगे अधिकांश ब्राउज़रों पर समर्थित है। आपके मामले में, एक ही बार में आप अंतरिक्ष डाल, उनमें से सभी करते हैं, लेकिन कुछ गुण हैं जो कई paremeters लेते हैं, इस तरह के

text-shadow: 2px 2px rgba(0, 0, 0, 0.4); 

के रूप में केवल एक मान उम्मीद प्रत्येक अधिकतर ब्राउज़र parameter- समझ सकती है के लिए क्या मूल्यों के लिए कर रहे हैं होगा कौन सा पैरामीटर और क्या उपयोग करें।

आशा है कि इससे मदद मिलती है!