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 伪元素