सिंपल और नाइस ब्लॉकक्वाइन स्टाइलिंग - सीएसएस-ट्रिक्स

ब्लॉकचोट मानकों-अनुरूप ब्राउज़रों में "बड़े उद्धरण से पहले" प्रभाव के साथ, और IE में एक मोटी बाईं सीमा और एक हल्के भूरे रंग की पृष्ठभूमि के साथ प्रदर्शित करता है।
अन्य ब्लॉकचोट तकनीकों के विपरीत, इस शैली को नेस्टेड ब्लॉक-स्तरीय तत्व (जैसे पी) की आवश्यकता नहीं है। जैसे, यह सामग्री को उद्धरण के नीचे छोड़ने से रखने के लिए एक इनलाइन-स्टाइल तत्व में एक पैराग्राफ बदल देता है।

blockquote ( background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; ) blockquote:before ( color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; ) blockquote p ( display: inline; )

उदाहरण

पाइरेल्केस हेबिटेंट मोरबी ट्रिस्टिक सीनेटस एट नेटस एट मलेसूडा फेम्स एसी टरपीस इजेस्टास। वेस्टिबुलम टॉर्चर क्वम, फग्यूएट विटे, अल्ट्रिकिस एगेट, अस्थायी सिट एमेट, एन्टे। दोनेक यूरोप लिबर्टो अमेट क्म इजेस्टस सेम्पर। एनेन पराबैंगनीकिरण mi vitae est। मौरिस placerat eleifend leo।