CSS ::before 伪元素

বিবরণ ও ব্যবহার

CSS ::before প্রোটেটিক উপাদানটি নির্দিষ্ট উপাদানের উপাদানের আগে কিছু উপাদান যোগ করতে ব্যবহৃত হয়。

ব্যবহার করুন content গুণমান নির্দেশ করে যা যোগ করতে হবে। content-এর মান হতে পারে:

• স্ট্রিং: content: "Hello world!";
• ছবি: content: url(myimage.jpg);
• কোনও উপাদান নেই: content: none;
• সংখ্যাকাণ্ড: content: counter(li);
• আঙ্কন: content: open-quote;
• গুণমান: content: " (" attr(href) ")";

পদার্থনা:প্রত্যহরণ, যোগ করা উপাদানটি উপাদানের ভিতরেই রয়েছে। যোগ করা উপাদানটি উপাদানের অন্যান্য উপাদানের আগে যোগ করা হবে。

ব্যবহার করুন ::after বিশেষ উপাদানের উপাদানের পরে কিছু উপাদান যোগ করুন。

উদাহরণ

উদাহরণ 1

প্রত্যেক <p> উপাদানের উপাদানের আগে একটি স্ট্রিং যোগ করুন:

p::before {
  content: "Read this: ";
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 2

প্রত্যেক <p> উপাদানের উপাদানের আগে একটি স্ট্রিং যোগ করুন এবং যোগ করা উপাদানের শৈলী নির্ধারণ করুন:

p::before {
  content: "Read this -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

স্বয়ং প্রয়োগ করুন

CSS 语法

::before {
  css declarations;
}

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম সম্পূর্ণরূপে এই প্রোটেটিক পদার্থকে সমর্থনকারী ব্রাউজার সংস্করণকে নির্দেশ করে。

সংশ্লিষ্ট পাতা

শিক্ষাক্রম:CSS 伪元素

সূত্র:CSS ::after 伪元素