আপনি ইনলাইন <style> ব্লক এবং স্ট্যান্ডার্ড CSS ব্যবহার করে Gmail-এ পাঠানো ইমেইল স্টাইল করতে পারেন। বেশিরভাগ 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 প্রোপার্টিগুলো সমর্থিত:
- অ্যাজিমুথ
- পটভূমি
- ব্যাকগ্রাউন্ড-ব্লেন্ড-মোড
- পটভূমি-ক্লিপ
- পটভূমির রঙ
- পটভূমি-ছবি
- পটভূমি-উৎস
- পটভূমি-অবস্থান
- পটভূমি-পুনরাবৃত্তি
- পটভূমির আকার
- সীমান্ত
- বর্ডার-বটম
- বর্ডার-বটম-কালার
- বর্ডার-বটম-লেফট-রেডিয়াস
- বর্ডার-বটম-রাইট-রেডিয়াস
- বর্ডার-বটম-স্টাইল
- বর্ডার-বটম-উইডথ
- সীমান্ত-পতন
- বর্ডার-রঙ
- সীমান্ত-বাম
- বর্ডার-লেফট-কালার
- বর্ডার-লেফট-স্টাইল
- বর্ডার-লেফট-উইডথ
- সীমানা-ব্যাসার্ধ
- সীমান্ত-ডান
- বর্ডার-ডান-রঙ
- বর্ডার-রাইট-স্টাইল
- বর্ডার-ডান-প্রস্থ
- সীমানা ব্যবধান
- বর্ডার-স্টাইল
- বর্ডার-টপ
- বর্ডার-টপ-কালার
- বর্ডার-টপ-লেফট-রেডিয়াস
- বর্ডার-টপ-রাইট-রেডিয়াস
- বর্ডার-টপ-স্টাইল
- বর্ডার-টপ-উইডথ
- বর্ডার-প্রস্থ
- বাক্স-আকার
- বিরতির পরে
- বিরতির আগে
- ভিতরে ভাঙা
- ক্যাপশন-সাইড
- পরিষ্কার
- রঙ
- কলাম-সংখ্যা
- কলাম-পূরণ
- কলাম-ফাঁক
- কলাম-রুল
- কলাম-রুল-কালার
- কলাম-রুল-স্টাইল
- কলাম-রুল-প্রস্থ
- কলাম-স্প্যান
- কলাম-প্রস্থ
- কলাম
- দিকনির্দেশনা
- প্রদর্শন
- উচ্চতা
- খালি-কোষ
- ভাসতে
- ফন্ট
- ফন্ট-পরিবার
- ফন্ট-বৈশিষ্ট্য-সেটিংস
- ফন্ট-কার্নিং
- ফন্ট-সাইজ
- ফন্ট-সাইজ-অ্যাডজাস্ট
- ফন্ট-স্ট্রেচ
- ফন্ট-স্টাইল
- ফন্ট-সংশ্লেষণ
- ফন্ট-ভেরিয়েন্ট
- ফন্ট-ভেরিয়েন্ট-বিকল্প
- ফন্ট-ভেরিয়েন্ট-ক্যাপস
- ফন্ট-ভেরিয়েন্ট-পূর্ব-এশীয়
- ফন্ট-ভেরিয়েন্ট-লিগেচার
- ফন্ট-ভেরিয়েন্ট-সংখ্যাসূচক
- ফন্ট-ওজন
- উচ্চতা
- ছবির অভিমুখীকরণ
- ছবির রেজোলিউশন
- আইএমই-মোড
- আলাদা করা
- লেআউট-ফ্লো
- লেআউট-গ্রিড
- লেআউট-গ্রিড-ক্যারেক্টার
- লেআউট-গ্রিড-ক্যারেক্টার-স্পেসিং
- লেআউট-গ্রিড-লাইন
- লেআউট-গ্রিড-মোড
- লেআউট-গ্রিড-টাইপ
- চিঠির ব্যবধান
- লাইন-ব্রেক
- লাইন-উচ্চতা
- তালিকা-শৈলী
- তালিকা-শৈলী-অবস্থান
- তালিকা-শৈলী-প্রকার
- মার্জিন
- মার্জিন-নীচে
- মার্জিন-বাম
- ডানদিকের মার্জিন
- মার্জিন-টপ
- মার্কার-অফসেট
- সর্বোচ্চ উচ্চতা
- সর্বোচ্চ প্রস্থ
- সর্বনিম্ন উচ্চতা
- ন্যূনতম প্রস্থ
- মিক্স-ব্লেন্ড-মোড
- বস্তু-উপযুক্ত
- বস্তুর অবস্থান
- অস্বচ্ছতা
- রূপরেখা
- রূপরেখা-রঙ
- রূপরেখা-শৈলী
- রূপরেখা-প্রস্থ
- উপচে পড়া
- ওভারফ্লো-এক্স
- উপচে পড়া
- প্যাডিং
- প্যাডিং-তল
- প্যাডিং-বাম
- প্যাডিং-ডান
- প্যাডিং-টপ
- পৃষ্ঠা-বিরতির পরে
- পৃষ্ঠা-বিরতির আগে
- ভিতরে পৃষ্ঠা-বিরতি
- বিরতি
- pause-after
- pause-before
- পিচ
- পিচ-রেঞ্জ
- উদ্ধৃতি
- সমৃদ্ধি
- কথা বলুন
- স্পিক-হেডার
- স্পিক-নিউমেরাল
- কথা-বিরামচিহ্ন
- কথা বলার হার
- চাপ
- টেবিল-বিন্যাস
- টেক্সট-অ্যালাইন
- টেক্সট-অ্যালাইন-লাস্ট
- টেক্সট-অটোস্পেস
- টেক্সট-কম্বাইন-আপরাইট
- পাঠ্য-সজ্জা
- টেক্সট-সাজসজ্জা-রঙ
- টেক্সট-সাজসজ্জা-লাইন
- টেক্সট-সাজসজ্জা-এড়িয়ে যান
- টেক্সট-সাজসজ্জা-শৈলী
- পাঠ্য-গুরুত্ব
- টেক্সট-এমফাসিস-কালার
- টেক্সট-এমফাসিস-স্টাইল
- টেক্সট-ইন্ডেন্ট
- টেক্সট-জাস্টিফাই
- টেক্সট-কাশিদা-স্পেস
- পাঠ্য-অভিমুখীকরণ
- টেক্সট-ওভারফ্লো
- পাঠ্য-রূপান্তর
- টেক্সট-আন্ডারলাইন-পজিশন
- ইউনিকোড-বিডি
- উল্লম্ব-সারিবদ্ধ
- ভয়েস-ফ্যামিলি
- সাদা স্থান
- প্রস্থ
- শব্দ-বিরতি
- শব্দ-ব্যবধান
- শব্দ-মোড়ক
- লেখার-মোড
- জুম
সমর্থিত মিডিয়া কোয়েরি
সমর্থিত প্রকার
- সব
- স্ক্রিন
সমর্থিত কোয়েরি
- ন্যূনতম প্রস্থ
- সর্বোচ্চ প্রস্থ
- ন্যূনতম-ডিভাইস-প্রস্থ
- সর্বোচ্চ-ডিভাইস-প্রস্থ
- অভিমুখীকরণ
- ন্যূনতম-রেজোলিউশন
- সর্বোচ্চ-রেজোলিউশন
সমর্থিত কীওয়ার্ড
- এবং
- শুধুমাত্র