content বৈশিষ্ট্য

content বৈশিষ্ট্যটি ট্যাগগুলিতে স্বেচ্ছাচারী তৈরি পাঠ্য সন্নিবেশ করতে দেয়। এটি after এবং before সিউডোএলিমেন্টগুলির সাথে একত্রে প্রয়োগ করা হয়।

সিনট্যাক্স

cssসিলেক্টর::after {
  content: 'পাঠ্য';
}

cssসিলেক্টর::before {
  content: 'পাঠ্য';
}

উদাহরণ

আসুন li ট্যাগের পাঠ্যের শুরু এবং শেষে অতিরিক্ত পাঠ্য সন্নিবেশ করি:

html<ul>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
</ul>

cssli::before {
  content: '!!!';
}
li::after {
  content: '???';
}

Результат:

উদাহরণ

সন্নিবেশিত পাঠ্যে বিভিন্ন স্টাইল প্রয়োগ করা যেতে পারে। উদাহরণস্বরূপ, এই পাঠ্যটিকে কোনো একটি রঙে রাঙানো যাক:

html<ul>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
  <li>তালিকার আইটেম</li>
</ul>

cssli::before {
  color: red;
  content: '!!!';
}
li::after {
  color: green;
  content: '???';
}

Результат:

আরও দেখুন