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