CSS हमें ::प्रथम-अक्षर छद्म-तत्व का उपयोग करके किसी तत्व के पहले अक्षर को स्टाइल करने में मदद कर सकता है। ध्यान दें कि विराम चिह्न, डिग्राफ और सामग्री गुण पहले अक्षर को बदल सकते हैं।
निम्नलिखित उदाहरण CSS ::प्रथम-अक्षर छद्म-तत्व को दर्शाते हैं।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
::first-letter {
font-size: 3em;
color: sienna;
box-shadow: -10px 0 10px green;
background-color: gainsboro;
}
</style>
</head>
<body>
<h2>Proin ut diam eros</h2>
<p>Donec rutrum a erat vitae interdum. </p>
<p>Integer eleifend lectus sit amet purus semper, ut pharetra metus gravida.</p>
</body>
</html> आउटपुट
यह निम्नलिखित परिणाम देगा -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
body > * {
background-color: slategrey;
}
::first-letter {
font-size: 1.6em;
color: darkviolet;
background-color: silver;
text-shadow: -15px 8px palevioletred;
}
</style>
</head>
<body>
<h2>Proin ut diam eros
<p>Donec rutrum a erat vitae interdum. </p>
<p>Integer eleifend lectus sit amet purus semper, ut pharetra metus gravida.</p>
</body>
</html> आउटपुट
यह निम्नलिखित परिणाम देगा -
