क्या किसी को पता है कि » (») द्वारा प्रतिनिधित्व डबल गिलेमेट के समान यूनिकोड/एचटीएमएल-स्पेस में डबल शेवरॉन प्रतीक है या नहीं?क्या यूनिकोड या एचटीएमएल में लंबवत डबल गिलेमेट (शेवरॉन) है?
दूसरे शब्दों में, मैं अगर मैं पाठ के साथ द्वारा प्राप्त कर सकते हैं एक छवि का उपयोग कर से बचने के लिए कोशिश कर रहा हूँ, लेकिन मैं कुछ इस तरह की जरूरत है:
यह डबल शेवरॉन मैं नहीं कर पा रहे है हिसाब लगाना। ऐसा लगता है कि मेरे लिए ग्राफिक्स है।
मैं आपको वह चरित्र इकाई नहीं दे सकता जो आप चाहते हैं, लेकिन यह संभव है ... वैकल्पिक, और अभी भी छवियों का उपयोग नहीं करना है (हालांकि यह आवश्यक है कि टेक्स्ट को तत्व में लपेटा जाए, इसमें मामले span):
<span class="shadowed">^</span>
<span class="rotated">»</span>
सीएसएस:
span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
margin: 0 auto 1em auto;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
color: #000;
background-color: #ffa;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 0.5em;
text-align: center;
}
span.shadowed {
text-shadow: 0 0.5em 0 #000;
}
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
ऊपर span.rotated अनुभाग, IE के लिए < 10 संगतता (फिल्टर का उपयोग कर, जबकि आईई 10 (या संभवतः 9)/-ms-transform बस, transform CSS3 का उपयोग करना चाहिए या होता है,), एक filter दृष्टिकोण का उपयोग कर:
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
/* IE < 10 follows */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
JS Fiddle demo (आईई 7/एक्सपी में काम करता है, अन्य संस्करण जिन्हें मैं परीक्षण करने में असमर्थ हूं)।
बहुत सरल! शर्त है कि यह आईई में काम नहीं करता है? : - \ (संपादित करें: आईई 8 और अंडर के तहत) – jcolebrand
नहीं, मैं '-ms-rotate 'के समीप एक स्नैकी टिप्पणी छोड़ने जा रहा था,' आशावाद की भावना से ... 'के साथ कुछ कह रहा था, लेकिन मुझे लगा कि यह सिर्फ कोड शोर ... –
रोटेशन के लिए फ़िल्टर के बारे में कैसे? इस आलेख को जांचें (तत्व रोटेशन अध्याय) http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ – fliptheweb
यह साइट आपको http://shapecatcher.com/, बहुत उपयोगी मदद मिलेगी!
धन्यवाद, यह एक अच्छी साइट है। आपको एक स्वीकार्य चेकमार्क नहीं जीतेंगे, लेकिन यह आपको मुझसे +1 मिलेगा। डबल शेवरॉन के लिए कुछ रोचक विकल्प पाए गए, लेकिन नीचे डबल शेवरॉन के लिए कुछ भी नहीं। – jcolebrand
यह एक अद्भुत साइट है – slashnick
मेरी इच्छा है कि मैं इससे पहले इस बारे में जानता था। – jagill
︽ VERTICAL बायां दोहरा कोण कोष्ठक के लिए U + FE3D प्रस्तुतिकरण फ़ॉर्म
︾ VERTICAL दायाँ डबल कोण कोष्ठक
इन हालांकि एक चीनी या जापानी फॉन्ट की आवश्यकता के लिए U + FE3E प्रस्तुतिकरण फ़ॉर्म।
घूर्णन के साथ एक समस्या है। यदि आप रोटेशन (90 डिग्री) और रोटेशन (-90deg) को दो अलग » पर लागू करते हैं तो आप देखेंगे कि उनकी स्थिति बदलती है। इस तरह rtl: इसे ठीक करने के एक hacky तरह से लागू करने के लिए दिशा है
सीधे संबंधित नहीं है लेकिन जानना अच्छा है – jcolebrand
बचना छवियों के लिए एक महान लक्ष्य है, लेकिन बहुत से लोग एक ब्राउज़र है कि यूनिकोड सही वैसे भी ऐसा नहीं करता है के साथ ब्राउज़ अंत; वे बक्से देखेंगे। मैं व्यक्तिगत रूप से एक छवि की सिफारिश करता हूं। एफडब्ल्यूआईडब्ल्यू मैंने इस स्कैनिंग की तरह कुछ भी नहीं देखा http://en.wikipedia.org/wiki/List_of_Unicode_characters –
मुझे शेवरॉन के बारे में पता नहीं है, लेकिन इसमें circumflex है: '^'/उच्चारण circumflex: 'ˆ' – Smamatti