अपने 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>
निम्नलिखित एट्रिब्यूट है:
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| Type | text/css | स्टाइल शीट भाषा को कंटेंट-टाइप (MIME टाइप) के रूप में निर्दिष्ट करता है। यह आवश्यक एट्रिब्यूट है। |
| media | screen tty tv projection handheld braille aural all | वह डिवाइस निर्दिष्ट करता है जिस पर दस्तावेज़ प्रदर्शित होगा। डिफ़ॉल्ट मान all है। यह एक वैकल्पिक एट्रिब्यूट है। |