می‌توانید ایمیل‌های ارسال شده به 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
- حداکثر پهنای دستگاه
- جهت گیری
- رزولوشن دقیقه
- حداکثر وضوح
کلمات کلیدی پشتیبانی شده
- و
- فقط