CSS প্রোপার্টি পরিচিতি হান্ডবুক

CSS 伪元素

CSS প্রত্যক্ষ প্রতীকটি ইলেকট্রনিকেলের বিশেষ অংশের স্টাইল সংযোজন করতে ব্যবহৃত হয়。

উদাহরণঃ

  • ইলেকট্রনিকেলের প্রথম অক্ষর এবং প্রথম লাইনের স্টাইল সংযোজন করুন
  • ইলেকট্রনিকেল কনটেন্টের আগে এবং পরে কনটেন্ট জোড়ুন
  • তালিকাভুক্ত আইটেমকে নির্দেশ করে স্টাইল সংযোজন করুন
  • ডায়লগ ব্যাকগ্রাউন্ড ভিউ স্টাইল সংযোজন করুন

এখানে CSS-এর ভিন্ন প্রত্যক্ষ প্রতীকগুলো দেখানো হলোঃ

প্রত্যক্ষ প্রতীক উদাহরণ উদাহরণ বর্ণনা
::after p::after নির্দিষ্ট ইলেকট্রনিকেলের কনটেন্টের পরে কনটেন্ট জোড়ুন。
::backdrop dialog::backdrop ডায়লগ বা প্যাপআপ ইলেকট্রনিকেলের প্যাডকস্ট ভিউ স্টাইল সংযোজন করুন。
::before p::before নির্দিষ্ট ইলেকট্রনিকেলের কনটেন্টের আগে কনটেন্ট জোড়ুন。
::file-selector-button ::file-selector-button টাইপ <input type="file">-এর বাটনকে নির্দেশ করুন。
::first-letter p::first-letter প্রত্যেক <p> ইলেকট্রনিকেলের প্রথম অক্ষরকে নির্দেশ করুন。
::first-line p::first-line প্রত্যেক <p> ইলেকট্রনিকেলের প্রথম লাইনকে নির্দেশ করুন。
::grammar-error ::grammar-error ব্রাউজার ট্যাগকে গ্রামার ত্রুটির হিসাবে লেখা টেক্সটের স্টাইল সংযোজন করুন。
::highlight() ::highlight(custom-name) অভিন্ন হাইলাইট নির্দেশ করুন。
::marker ::marker তালিকাভুক্ত আইটেমকে নির্দেশ করে।
::placeholder input::placeholder <input> বা <textarea> ইলেকট্রনিকেলের প্লেসহোল্ডার টেক্সটের স্টাইল সংযোজন করুন。
::selection ::selection ব্যবহারকারীর চিহ্নিত টেক্সটের স্টাইল সংযোজন করুন。
::spelling-error ::spelling-error ব্রাউজার ট্যাগকে হুমকির হিসাবে লেখা টেক্সটের স্টাইল সংযোজন করুন。
::view-transition ::view-transition দৃশ্য প্রবাহ অবস্থার মূল সুবিধা, যা পাতায় সব দৃশ্য প্রবাহকে অন্তর্ভুক্ত করে।
::view-transition-group ::view-transition-group একক দৃশ্য প্রবাহ স্নাপশট গোষ্ঠীকে নির্দেশ করে।
::view-transition-image-pair ::view-transition-image-pair দ্রষ্টব্য প্রবাহের ‘পূর্ব’ এবং ‘নতুন’ দৃশ্য অবস্থার কনটেনার (প্রবাহের আগে এবং পরে)।
::view-transition-new ::view-transition-new দৃশ্য পরিবর্তনের ‘নতুন’ দৃশ্য অবস্থা নির্দেশ করে।
::view-transition-old ::view-transition-old দৃশ্য পরিবর্তনের ‘পুরানো’ দৃশ্য অবস্থা নির্দেশ করে。