ईमेल के लिए CSS इनलाइनर

<style> ब्लॉक और वैकल्पिक अतिरिक्त CSS फ़ील्ड की CSS को style एट्रिब्यूट में ले जाता है, जिसे Gmail और Outlook जैसे ईमेल क्लाइंट भरोसेमंद ढंग से दिखाते हैं। कैस्केड वास्तविक विशिष्टता, स्रोत क्रम और !important के अनुसार तय होता है, और मीडिया क्वेरी, @font-face तथा :hover नियम <style> ब्लॉक में रखे जाते हैं क्योंकि वे इनलाइन नहीं हो सकते।

1. 1.पूरा ईमेल दस्तावेज़ या फ़्रैगमेंट चिपकाएँ, .html फ़ाइल अपलोड करें या उदाहरण लोड करें।
2. 2.ज़रूरत हो तो लिंक की हुई स्टाइलशीट जैसी अतिरिक्त CSS को अतिरिक्त CSS में चिपकाएँ।
3. 3.आउटपुट का रूप और फ़ॉर्मैट चुनें; क्या रखना है या कौन से HTML एट्रिब्यूट जोड़ने हैं, यह बदलने के लिए उन्नत खोलें।
4. 4.चेतावनियाँ देखें, फिर HTML टैब या ईमेल प्रीव्यू में डेस्कटॉप और मोबाइल चौड़ाई जाँचें।
5. 5.HTML कॉपी करें या email-inlined.html डाउनलोड करें।

सब कुछ juice लाइब्रेरी के साथ आपके ब्राउज़र में चलता है; कुछ भी अपलोड नहीं होता और लिंक की गई स्टाइलशीट या @import फ़ाइलें कभी प्राप्त नहीं की जातीं। प्रीव्यू बिना स्क्रिप्ट वाले sandbox फ़्रेम में चलता है, और रिमोट इमेज केवल आपकी अनुमति पर लोड होती हैं। ब्राउज़र में दिखना Gmail या Outlook में वैसा ही दिखने की गारंटी नहीं है। HTML और विकल्प इसी ब्राउज़र में सहेजे जाते हैं; हटाने के लिए साइट डेटा साफ़ करें।