सीएसएस सहायता

Gmail पर भेजे गए ईमेल को इनलाइन <style> ब्लॉक का इस्तेमाल करके और स्टाइल किया जा सकता है स्टैंडर्ड सीएसएस. ज़्यादातर सीएसएस सिलेक्टर, एट्रिब्यूट, और मीडिया क्वेरी का इस्तेमाल किया जा सकता है. Gmail, काम न करने वाली सीएसएस प्रॉपर्टी और सिलेक्टर को अनदेखा कर सकता है.

इनकी पूरी सूची के लिए, रेफ़रंस गाइड इस्तेमाल की जा सकने वाली सीएसएस प्रॉपर्टी और क्वेरी शामिल हैं.

सीएसएस सिलेक्टर

स्टाइल लागू करने के लिए, सीएसएस सिलेक्टर के सबसेट का इस्तेमाल किया जा सकता है. Gmail क्लास का समर्थन करता है, एलिमेंट, और आईडी सिलेक्टर.

उदाहरण

<html>
  <head>
    <style>
      .colored {
        color: blue;
      }
      #body {
        font-size: 14px;
      }
    </style>
  </head>
  <body>
    <div id='body'>
      <p>Hi Pierce,</p>
      <p class='colored'>This text is blue.</p>
      <p>Jerry</p>
    </div>
  </body>
</html>

सीएसएस मीडिया क्वेरी

ईमेल की स्टाइल में बदलाव करने के लिए, स्टैंडर्ड सीएसएस मीडिया क्वेरी का इस्तेमाल किया जा सकता है उपयोगकर्ता के मौजूदा डिवाइस के मुताबिक हो. Gmail, स्क्रीन की चौड़ाई के हिसाब से क्वेरी का जवाब देता है, स्क्रीन की दिशा, और रिज़ॉल्यूशन.

उदाहरण

<html>
  <head>
    <style>
      .colored {
        color: blue;
      }
      #body {
        font-size: 14px;
      }
      @media screen and (min-width: 500px) {
        .colored {
          color:red;
        }
      }
    </style>
  </head>
  <body>
    <div id='body'>
      <p>Hi Pierce,</p>
      <p class='colored'>
        This text is blue if the window width is
        below 500px and red otherwise.
      </p>
      <p>Jerry</p>
    </div>
  </body>
</html>

इस्तेमाल की जा सकने वाली सीएसएस प्रॉपर्टी और क्वेरी

Gmail में, ये सीएसएस प्रॉपर्टी इस्तेमाल की जा सकती हैं:

  • azimuth
  • बैकग्राउंड
  • background-blend-mode
  • पृष्ठभूमि-क्लिप
  • पृष्ठभूमि-रंग
  • पृष्ठभूमि-छवि
  • पृष्ठभूमि-मूल
  • पृष्ठभूमि-स्थान
  • पृष्ठभूमि-दोह
  • पृष्ठभूमि-आकार
  • बॉर्डर
  • बॉर्डर-निचला
  • बॉर्डर-निचला-रंग
  • बॉर्डर-निचला-बाईं-त्रिज्या
  • बॉर्डर-निचला-दाहिनी-त्रिज्या
  • बॉर्डर-निचला-शैली
  • बॉर्डर-निचला-चौड़ाई
  • बॉर्डर-संक्षिप्त
  • बॉर्डर-रंग
  • बॉर्डर-बायां
  • बॉर्डर-बायां-रंग
  • बॉर्डर-बायां-शैली
  • बॉर्डर-बायां-चौड़ाई
  • बॉर्डर-त्रिज्या
  • border-right
  • border-right-color
  • बॉर्डर-दाहिना-शैली
  • border-right-width
  • बॉर्डर-स्पेसिंग
  • बॉर्डर-शैली
  • बॉर्डर-शीर्ष
  • बॉर्डर-शीर्ष-रंग
  • बॉर्डर-शीर्ष-बाईं-त्रिज्या
  • बॉर्डर-शीर्ष-दाहिनी-त्रिज्या
  • बॉर्डर-शीर्ष-शैली
  • बॉर्डर-शीर्ष-चौड़ाई
  • बॉर्डर-चौड़ाई
  • box-sizing
  • ब्रेक-आफ़्टर
  • break-before
  • ब्रेक-इनसाइड
  • कैप्शन-किनारा
  • मिटाएं
  • रंग
  • कॉलम-संख्या
  • कॉलम-फ़िल
  • कॉलम-गैप
  • कॉलम-नियम
  • कॉलम-नियम-रंग
  • कॉलम-नियम-शैली
  • कॉलम-नियम-चौड़ाई
  • कॉलम-स्पैन
  • कॉलम-चौड़ाई
  • कॉलम
  • दिशा
  • डिसप्ले
  • elevation
  • रिक्त-सेल
  • फ़्लोट
  • फ़ॉन्ट
  • फ़ॉन्ट-परिवार
  • font-feature-settings
  • font-kerning
  • फ़ॉन्ट-आकार
  • font-size-adjust
  • फ़ॉन्ट-तना
  • फ़ॉन्ट-शैली
  • font-synthesis
  • फ़ॉन्ट-विविधता
  • font-variant-alternates
  • font-variant-caps
  • font-variant-east-asian
  • font-variant-ligatures
  • font-variant-numeric
  • फ़ॉन्ट-भार
  • ऊंचाई
  • image-orientation
  • image-resolution
  • ime-mode
  • बीमार लोगों को स्वस्थ लोगों से अलग रखना
  • layout-flow
  • layout-grid
  • layout-grid-char
  • layout-grid-char-spacing
  • layout-grid-line
  • layout-grid-mode
  • layout-grid-type
  • अक्षर-स्पेसिंग
  • line-break
  • रेखा-ऊंचाई
  • सूची-शैली
  • सूची-शैली-स्थान
  • सूची-शैली-प्रकार
  • मार्जिन
  • निचली-मार्जिन
  • बाईं-मार्जिन
  • दाहिनी-मार्जिन
  • शीर्ष-मार्जिन
  • marker-offset
  • अधिकतम-ऊंचाई
  • अधिकतम-चौड़ाई
  • न्यूनतम-ऊंचाई
  • न्यूनतम-चौड़ाई
  • mix-blend-mode
  • object-fit
  • object-position
  • opacity
  • बाह्यरेखा
  • बाह्यरेखा-रंग
  • बाह्यरेखा-शैली
  • बाह्यरेखा-चौड़ाई
  • ओवरफ़्लो
  • ओवरफ़्लो-x
  • ओवरफ़्लो-y
  • पैडिंग
  • निचली-पैडिंग
  • बाईं-पैडिंग
  • दाहिनी-पैडिंग
  • शीर्ष-पैडिंग
  • पेज-ब्रेक-बाद
  • पेज-ब्रेक-पहले
  • पेज-ब्रेक-इनसाइड
  • रोकें
  • pause-after
  • pause-before
  • पिच
  • pitch-range
  • उद्धरण
  • richness
  • बोलना
  • speak-header
  • speak-numeral
  • speak-punctuation
  • speech-rate
  • तनाव
  • तालिका-लेआउट
  • टेक्स्ट-संरेखण
  • text-align-last
  • text-autospace
  • text-combine-upright
  • टेक्स्ट-सज्जा
  • text-decoration-color
  • text-decoration-line
  • text-decoration-skip
  • text-decoration-style
  • text-emphasis
  • text-emphasis-color
  • text-emphasis-style
  • टेक्स्ट-इंडेंट
  • text-justify
  • text-kashida-space
  • text-orientation
  • टेक्स्ट-ओवरफ़्लो
  • टेक्स्ट-परिवर्तन
  • text-underline-position
  • unicode-bidi
  • लम्बवत-संरेखण
  • voice-family
  • व्हाइटस्पेस
  • चौड़ाई
  • शब्द-ब्रेक
  • शब्द-स्पेसिंग
  • शब्द-रैप
  • writing-mode
  • ज़ूम

इस्तेमाल की जा सकने वाली मीडिया क्वेरी

इस तरह के कोड काम करते हैं

  • सभी
  • स्क्रीन

काम करने वाली क्वेरी

  • न्यूनतम-चौड़ाई
  • अधिकतम-चौड़ाई
  • min-device-width
  • max-device-width
  • स्क्रीन की दिशा
  • कम से कम रिज़ॉल्यूशन
  • मैक्स-रिज़ॉल्यूशन

इस्तेमाल किए जा सकने वाले कीवर्ड

  • और
  • सिर्फ़ एक आइटम चुनें