يمكنك وضع نمط للرسائل الإلكترونية المرسلة إلى 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 التالية في Gmail:
- azimuth
- الخلفية
- background-blend-mode
- background-clip
- لون الخلفية
- صورة الخلفية
- أصل الخلفية
- موضع الخلفية
- تكرار الخلفية
- background-size
- border
- border-bottom
- border-bottom-color
- نصف قطر أسفل يسار الحد
- نصف قطر أسفل يمين الحد
- نمط أسفل الحد
- border-bottom-width
- border-collapse
- border-color
- border-left
- border-left-color
- نمط يسار الحد
- border-left-width
- border-radius
- border-right
- border-right-color
- نمط يمين الحد
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- نصف قطر أعلى يسار الحد
- نصف قطر أعلى يمين الحد
- نمط أعلى الحد
- border-top-width
- border-width
- box-sizing
- استراحة
- استراحة قبل الحدث
- كسر-الداخل
- caption-side
- محو
- لون
- عدد الأعمدة
- ملء العمود
- فجوة العمود
- قاعدة العمود
- لون قاعدة العمود
- نمط قاعدة العمود
- عرض-قاعدة-عمود
- امتداد العمود
- عرض العمود
- أعمدة
- direction
- display
- elevation
- empty-cells
- عدد عائم
- font
- font-family
- font-feature-settings
- font-kerning
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-variant
- الخطوط-الأشكال البديلة
- 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
- list-style
- list-style-position
- list-style-type
- margin
- margin-bottom
- يسار الهامش
- يمين الهامش
- margin-top
- marker-offset
- max-height
- الحد الأقصى للعرض
- الحد الأدنى للارتفاع
- min-width
- mix-blend-mode
- object-fit
- object-position
- opacity
- outline
- outline-color
- نمط المخطط
- outline-width
- overflow
- overflow-x
- overflow-y
- padding
- padding-bottom
- المساحة المتروكة لليسار
- المساحة المتروكة لليمين
- padding-top
- تقسيم صفحة بعد
- قبل فواصل الصفحات
- فواصل الصفحات
- pause
- pause-after
- pause-before
- رمية
- pitch-range
- اقتباسات
- richness
- تكلُّم
- speak-header
- speak-numeral
- speak-punctuation
- speech-rate
- الإجهاد
- table-layout
- 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-indent
- text-justify
- text-kashida-space
- text-orientation
- text-overflow
- text-transform
- text-underline-position
- unicode-bidi
- vertical-align
- voice-family
- white-space
- width
- فواصل الكلمات
- تباعد الكلمات
- word-wrap
- writing-mode
- تكبير / تصغير
استعلامات الوسائط المدعومة
الأنواع المتوافقة
- all
- رصد
طلبات البحث المتاحة
- min-width
- max-width
- الحد الأدنى للعرض في الجهاز
- الحد الأقصى لعرض الجهاز
- الاتجاه
- الحد الأدنى للدقة
- الحد الأقصى للدقة
الكلمات الرئيسية المعتمدة
- و
- فقط