يمكنك اختيار نمط الرسائل الإلكترونية المُرسَلة إلى Gmail باستخدام مجموعات <style> المضمَّنة
وCSS القياسية. يمكن استخدام معظم أدوات اختيار لغة CSS والسمات وطلبات البحث عن الوسائط.
قد يتجاهل Gmail سمات CSS وأدوات الاختيار غير المتوافقة.
ويمكنك الاطّلاع على الدليل المرجعي للحصول على قائمة كاملة سمات وطلبات بحث 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:
- azimuth
- الخلفية
- background-blend-mode
- مقطع الخلفية
- لون الخلفية
- صورة الخلفية
- أصل الخلفية
- موضع الخلفية
- تكرار الخلفية
- حجم الخلفية
- border
- أسفل الحد
- لون أسفل الحد
- نصف قطر أسفل يسار الحد
- نصف قطر أسفل يمين الحد
- نمط أسفل الحد
- عرض أسفل الحد
- تصغير الحد
- لون الحد
- يسار الحد
- لون يسار الحد
- نمط يسار الحد
- عرض يسار الحد
- نصف قطر الحد
- يمين الحد
- لون يمين الحد
- نمط يمين الحد
- عرض يمين الحد
- تباعد الحد
- نمط الحد
- أعلى الحد
- لون أعلى الحد
- نصف قطر أعلى يسار الحد
- نصف قطر أعلى يمين الحد
- نمط أعلى الحد
- عرض أعلى الحد
- عرض الحد
- box-sizing
- فاصل
- break-before
- كسر الحواجز
- جانب التسمية التوضيحية
- محو
- اللون
- عدد الأعمدة
- ملء الأعمدة
- فجوة بين الأعمدة
- قاعدة العمود
- لون قاعدة العمود
- نمط قواعد العمود
- عرض قاعدة العمود
- امتداد العمود
- عرض العمود
- أعمدة
- اتجاه
- عرض
- الارتفاع
- الخلايا الفارغة
- عدد عائم
- الخط
- font-family
- font-feature-settings
- font-kerning
- font-size
- font-size-adjust
- تمديد الخط
- font-style
- font-synthesis
- تنوع الخط
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-weight
- الطول
- 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
- letter-spacing
- line-break
- line-height
- نمط القائمة
- موضع نمط القائمة
- نوع نمط القائمة
- margin
- margin-bottom
- يسار الهامش
- يمين الهامش
- margin-top
- marker-offset
- الحد الأقصى للارتفاع
- الحد الأقصى للعرض
- الحد الأدنى للارتفاع
- الحد الأدنى للعرض
- mix-blend-mode
- object-fit
- object-position
- opacity
- مخطط
- لون المخطط
- نمط المخطط
- عرض المخطط
- تجاوز
- overflow-x
- تجاوز-y
- padding
- padding-bottom
- المساحة المتروكة لليسار
- المساحة المتروكة لليمين
- padding-top
- فاصل صفحة بعد
- فاصل صفحة قبل
- فاصل صفحة داخلي
- pause
- pause-after
- pause-before
- رمية
- pitch-range
- الاقتباسات
- richness
- تكلُّم
- speak-header
- speak-numeral
- speak-punctuation
- speech-rate
- stress
- تنسيق الجدول
- text-align
- text-align-last
- text-autospace
- text-combine-upright
- text-decoration
- 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-transform
- text-underline-position
- unicode-bidi
- vertical-align
- voice-family
- مساحة بيضاء
- العرض
- فواصل الكلمات
- تباعد الكلمات
- التفاف النص
- writing-mode
- تكبير / تصغير
الاستعلامات المعتمدة حول الوسائط
الأنواع المتوافقة
- الكل
- رصد
طلبات البحث المتوافقة
- الحد الأدنى للعرض
- الحد الأقصى للعرض
- min-device-width
- max-device-width
- الاتجاه
- دقيقة لدرجة الدقة
- الحد الأقصى لدرجة الدقة
الكلمات الرئيسية المتوافقة
- و
- فقط