پشتیبانی از CSS

می‌توانید ایمیل‌های ارسال شده به Gmail را با استفاده از بلوک‌های <style> درون خطی و CSS استاندارد استایل دهید. اکثر انتخابگرها، ویژگی‌ها و پرسش‌های رسانه‌ای CSS پشتیبانی می‌شوند. ویژگی ها و انتخابگرهای CSS پشتیبانی نشده ممکن است توسط Gmail نادیده گرفته شوند.

راهنمای مرجع را برای لیست کاملی از خصوصیات و پرس و جوهای CSS پشتیبانی شده ببینید.

انتخابگرهای CSS

می توانید از زیر مجموعه ای از انتخابگرهای CSS برای اعمال سبک ها استفاده کنید. 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>

پرس و جوهای رسانه CSS

می توانید از پرس و جوهای استاندارد رسانه CSS برای تنظیم استایل ایمیل متناسب با دستگاه فعلی کاربر استفاده کنید. 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>

خصوصیات و پرس و جوهای CSS پشتیبانی شده

ویژگی های CSS زیر در Gmail پشتیبانی می شوند:

  • آزیموت
  • زمینه
  • پس زمینه-ترکیب-حالت
  • پس زمینه-کلیپ
  • رنگ پس زمینه
  • تصویر پس زمینه
  • پس زمینه-منشا
  • موقعیت پس زمینه
  • پس زمینه-تکرار
  • اندازه پس زمینه
  • مرز
  • لبه پایین
  • حاشیه-پایین-رنگ
  • شعاع حاشیه-پایین-چپ
  • مرز-پایین-راست-شعاع
  • سبک حاشیه پایین
  • حاشیه-پایین-عرض
  • فروپاشی مرز
  • رنگ لبه
  • لبه چپ
  • رنگ حاشیه-چپ
  • به سبک حاشیه چپ
  • حاشیه-چپ-عرض
  • شعاع مرزی
  • مرز راست
  • حاشیه-راست-رنگ
  • به سبک حاشیه راست
  • حاشیه-راست-عرض
  • فاصله مرزی
  • به سبک مرزی
  • لبه بالا
  • رنگ حاشیه بالا
  • شعاع مرز-بالا-چپ
  • مرز-بالا-راست-شعاع
  • به سبک حاشیه بالا
  • پهنای حاشیه بالا
  • عرض مرز
  • اندازه جعبه
  • استراحت پس از
  • قبل از استراحت
  • شکستن داخل
  • سمت عنوان
  • روشن
  • رنگ
  • تعداد ستون
  • ستون پر کردن
  • شکاف ستون
  • ستون-قاعده
  • ستون-قاعده-رنگ
  • ستون-قاعده-سبک
  • ستون-قاعده-عرض
  • دهانه ستون
  • عرض ستون
  • ستون ها
  • جهت
  • نمایش دادن
  • ارتفاع
  • سلول های خالی
  • شناور
  • فونت
  • فونت-خانواده
  • font-feature-settings
  • فونت گذاری
  • اندازه فونت
  • اندازه فونت تنظیم
  • فونت-کشش
  • نوع قلم
  • سنتز فونت
  • نوع فونت
  • font-variant-alternates
  • font-variant-caps
  • font-variant-east-asian
  • font-variant-ligatures
  • font-variant-numeric
  • وزن فونت
  • ارتفاع
  • جهت گیری تصویر
  • وضوح تصویر
  • حالت زمان
  • انزوا
  • طرح-جریان
  • طرح-شبکه
  • layout-grid-char
  • layout-grid-char-spacing
  • layout-grid-line
  • layout-grid-mode
  • layout-grid-type
  • فاصله بین حروف
  • خط شکستن
  • ارتفاع خط
  • به سبک فهرست
  • فهرست-سبک-موقعیت
  • لیست-سبک-نوع
  • لبه
  • حاشیه-پایین
  • حاشیه چپ
  • حاشیه-راست
  • حاشیه بالا
  • نشانگر افست
  • حداکثر ارتفاع
  • حداکثر عرض
  • حداقل ارتفاع
  • دقیقه عرض
  • حالت ترکیبی
  • شیء مناسب
  • موقعیت شی
  • کدورت
  • طرح کلی
  • طرح کلی
  • طرح کلی
  • طرح کلی
  • سرریز
  • سرریز-x
  • سرریز-y
  • لایه گذاری
  • بالشتک پایین
  • padding-left
  • padding-right
  • بالشتک بالا
  • صفحه شکستن
  • صفحه-شکستن-قبل
  • صفحه شکستن داخل
  • مکث
  • مکث بعد
  • مکث قبل از
  • گام صدا
  • محدوده زمین
  • نقل قول ها
  • غنا
  • صحبت
  • حرف سر
  • حرف زدن-عددی
  • حرف زدن - نقطه گذاری
  • میزان گفتار
  • فشار
  • جدول بندی
  • متن تراز کردن
  • text-align-last
  • متن-فضای خودکار
  • متن-ترکیب-راست
  • متن-تزیین
  • متن-تزیین-رنگ
  • متن-دکوراسیون-خط
  • متن-تزیین-پرش
  • متن-تزیین-سبک
  • متن-تاکید
  • متن-تاکید-رنگ
  • متن-تاکید-سبک
  • تورفتگی متن
  • متن-توجیه کردن
  • متن-کاشیدا-فضا
  • متن محوری
  • سرریز متن
  • تبدیل متن
  • text-underline-position
  • unicode-bidi
  • تراز عمودی
  • صدا-خانواده
  • فضای سفید
  • عرض
  • کلمه شکستن
  • فاصله کلمات
  • واژه بندي
  • حالت نوشتن
  • بزرگنمایی

درخواست های رسانه ای پشتیبانی می شود

انواع پشتیبانی شده

  • همه
  • صفحه نمایش

پرس و جوهای پشتیبانی شده

  • دقیقه عرض
  • حداکثر عرض
  • Min-Device-Width
  • حداکثر پهنای دستگاه
  • گرایش
  • رزولوشن دقیقه
  • حداکثر وضوح

کلمات کلیدی پشتیبانی شده

  • و
  • فقط