شما میتوانید با استفاده از بلوکهای <style> درونخطی و CSS استاندارد، به ایمیلهای ارسالی به Gmail استایل بدهید. اکثر انتخابگرها، ویژگیها و کوئریهای رسانهای CSS پشتیبانی میشوند. ویژگیها و انتخابگرهای CSS پشتیبانی نشده ممکن است توسط Gmail نادیده گرفته شوند.
برای فهرست کاملی از ویژگیها و پرسوجوهای CSS پشتیبانیشده، به راهنمای مرجع مراجعه کنید.
انتخابگرهای CSS
شما میتوانید از زیرمجموعهای از انتخابگرهای CSS برای اعمال استایلها استفاده کنید. جیمیل از انتخابگرهای کلاس، عنصر و شناسه پشتیبانی میکند.
مثال
<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 برای تنظیم استایل ایمیل متناسب با دستگاه فعلی کاربر استفاده کنید. جیمیل از کوئریها در برابر عرض، جهت و وضوح صفحه نمایش پشتیبانی میکند.
مثال
<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 پشتیبانی میشوند:
- آزیموت
- پسزمینه
- حالت ترکیبی پسزمینه
- کلیپ پسزمینه
- رنگ پس زمینه
- تصویر پس زمینه
- منشأ پسزمینه
- موقعیت پسزمینه
- تکرار پسزمینه
- اندازه پسزمینه
- مرز
- حاشیه پایین
- رنگ حاشیه پایین
- شعاع مرزی-پایین-چپ
- حاشیه-پایین-راست-شعاع
- سبک حاشیه پایین
- حاشیه-پایین-پهنای باند
- فروپاشی حاشیه
- رنگ حاشیه
- حاشیه-چپ
- رنگ حاشیه سمت چپ
- سبک حاشیه چپ
- حاشیه-چپ-پهنا
- شعاع مرزی
- حاشیه سمت راست
- رنگ حاشیه سمت راست
- سبک حاشیه سمت راست
- عرض حاشیه سمت راست
- فاصله گذاری مرزی
- سبک حاشیه
- حاشیه بالا
- رنگ حاشیه بالا
- شعاع مرزی-بالا-چپ
- شعاع حاشیه-بالا-راست
- سبک حاشیه بالا
- عرض حاشیه از بالا
- عرض حاشیه
- اندازه جعبه
- استراحت بعد از
- قبل از استراحت
- نفوذ به داخل
- سمت عنوان
- واضح
- رنگ
- تعداد ستونها
- پر کردن ستون
- شکاف ستون
- قاعده ستونی
- رنگ ستون-خط کش
- سبک قاعده ستونی
- عرض خط ستون
- دهانه ستون
- عرض ستون
- ستونها
- جهت
- نمایش
- ارتفاع
- سلولهای خالی
- شناور
- فونت
- خانواده فونت
- تنظیمات-ویژگی-فونت
- تنظیم فاصله فونت
- اندازه فونت
- تنظیم اندازه فونت
- کشش فونت
- سبک فونت
- ترکیب فونت
- نوع فونت
- فونت-متغیر-متغیر
- فونت-variant-caps
- فونت-گونه-شرق-آسیایی
- فونت-variant-ligatures
- فونت-نوع-عددی
- وزن فونت
- ارتفاع
- جهت گیری تصویر
- وضوح تصویر
- حالت زمان
- انزوا
- طرح بندی جریان
- طرح-شبکه
- طرح-شبکه-کاراکتر
- طرح-شبکه-کاراکتر-فاصله
- طرح-شبکه-خط
- طرح-شبکه-حالت
- طرح-شبکه-نوع
- فاصله حروف
- خط شکن
- ارتفاع خط
- سبک فهرستی
- سبک-لیست-موقعیت
- نوع-سبک-لیست
- حاشیه
- حاشیه پایین
- حاشیه سمت چپ
- حاشیه سمت راست
- حاشیه بالا
- افست نشانگر
- حداکثر ارتفاع
- حداکثر عرض
- حداقل ارتفاع
- حداقل عرض
- حالت ترکیبی
- تناسب شیء
- موقعیت شیء
- کدورت
- طرح کلی
- رنگ طرح کلی
- سبک طرح کلی
- عرض طرح کلی
- سرریز شدن
- سرریز-x
- سرریز-y
- بالشتک
- بالشتک پایین
- فاصلهگذاری چپ
- فاصلهگذاری به راست
- بالشتک بالا
- صفحه بندی بعد از
- قبل از شروع صفحه جدید
- صفحه-شکسته-داخل
- مکث
- مکث بعد از
- مکث-قبل
- زمین
- محدوده گام
- نقل قول ها
- غنا
- صحبت کردن
- هدر صحبت
- عدد را بیان کن
- صحبت کردن با علائم نگارشی
- سرعت گفتار
- استرس
- طرح جدول
- ترازبندی متن
- تراز-متن-آخرین
- متن-فضای خودکار
- متن-ترکیب-راست
- تزئین متن
- رنگ-تزئین-متن
- خط-تزئین متن
- متن-تزئینی-پرش
- سبک دکوراسیون متن
- تأکید متن
- رنگ-تأکید-متن
- سبک تأکید متن
- تورفتگی متن
- متن-توجیهی
- متن-کاشیدا-فضا
- جهت گیری متن
- سرریز متن
- تبدیل متن
- موقعیت زیرخط متن
- یونیکد-بیدی
- تراز عمودی
- خانواده صدا
- فضای سفید
- عرض
- شکستن کلمه
- فاصلهگذاری کلمات
- بسته بندی کلمات
- حالت نوشتاری
- بزرگنمایی
کوئریهای رسانهای پشتیبانیشده
انواع پشتیبانی شده
- همه
- صفحه نمایش
کوئریهای پشتیبانیشده
- حداقل عرض
- حداکثر عرض
- حداقل عرض دستگاه
- حداکثر عرض دستگاه
- جهت گیری
- حداقل وضوح
- حداکثر وضوح
کلمات کلیدی پشتیبانی شده
- و
- فقط