CSS ::after প্রতিভাত্ত্ব প্রোটো-ইউনিট

定义和用法

CSS ::after 伪元素用于在指定元素的内容之后插入一些内容。

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

• শব্দসাংহার: content: "Hello world!";
• ছবি: content: url(myimage.jpg);
• বিশেষ বিষয় নেই: content: none;
• সংখ্যকালক: content: counter(li);
• যুক্তক: content: close-quote;
• গুণমান: content: " (" attr(href) ")";

সুঝানা:মনে রাখুন যে, যোগ করা বিষয়টি সংক্ষিপ্ত ইলাকার অভ্যন্তরেই রয়েছে। যোগ করা বিষয়টি ইলাকার অন্যান্য বিষয়ের পরে যোগ করা হবে。

ব্যবহার করুন ::before বিশেষ ইলাকার বিষয় পরে কিছু বিষয় যোগ করুন。

প্রয়োগ

উদাহরণ 1

প্রত্যেক <p> ইলাকার বিষয় পরে একটি শব্দসাংহার যোগ করুন:

p::after {
  content: " - এটা মনে রাখুন";
}

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

উদাহরণ 2

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

p::after {
  content: " - এটা মনে রাখুন";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

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

CSS 语法

::after {
  css declarations;
}

টেকনিক্যাল বিবরণ

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

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

相关页面

教程：CSS 伪元素

উল্লেখ:CSS ::before প্রতিভাত্ত্ব প্রোটো-ইউনিট