আপনার CSS রুলগুলো <style> এলিমেন্ট ব্যবহার করে HTML ডকুমেন্টে রাখুন, যাকে এম্বেডেড CSS বলা হয়। এই ট্যাগ <head>...</head> ট্যাগের ভিতরে থাকে। এই সিনট্যাক্সে ডিফাইন করা রুলগুলো ডকুমেন্টে উপলব্ধ সকল এলিমেন্টে প্রয়োগ হবে।
উপরের সিনট্যাক্স অনুযায়ী এম্বেডেড CSS উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<style media="all">
body {
background-color: orange;
}
h1 {
color: yellow;
margin-left: 30px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
অ্যাট্রিবিউট:
| Attribute | Value | Description |
|---|---|---|
| Type | text/css | স্টাইলশিট ল্যাঙ্গুয়েজ কন্টেন্ট-টাইপ (MIME type) হিসেবে নির্দিষ্ট করে। আবশ্যক অ্যাট্রিবিউট। |
| media | screen, tty, tv, projection, handheld, print, braille, aural, all | ডকুমেন্ট কোন ডিভাইসে দেখানো হবে তা নির্দিষ্ট করে। ডিফল্ট all। অপশনাল অ্যাট্রিবিউট। |