CSS ::marker প্রোক্সি

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

CSS ::marker প্রোক্সি তালিকার টাইপার্টিকে স্টাইল নির্ধারণ করার জন্য ব্যবহৃত হয়。

এই প্রোক্সি কোনো ডিসপ্লে: list-item হিসাবে সেট করা এলিমেন্টকেও প্রযোজ্য হয়。

প্রত্যহরণ:নিম্নলিখিত বৈশিষ্ট্যগুলির সঙ্গে ::marker মিলিত ব্যবহার:

• সকল ফন্ট প্রতিশব্দ
• সকল অ্যানিমেশন প্রতিশব্দ
• সকল পরিবর্তন প্রতিশব্দ
• color
• white-space
• content
• text-combine-upright
• unicode-bidi
• দিশা

উদাহরণ

উদাহরণ 1

সকল তালিকার টাইপার্টিকে রঙ এবং ফন-সাইজ নির্ধারণ করুন:

::marker {
  ফন-সাইজ: 20px;
  কালো: লাল;
}

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 2

আপনার ul তালিকার তালিকার টাইপার্টিকে কান্টেন্ট, রঙ এবং ফন-সাইজ নির্ধারণ করুন:

ul li::marker {
  কনটেন্ট: "@ ";
  কালো: পিনক;
  ফন-সাইজ: 25px;
}

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 3

হুইড 2> এলিমেন্টটিকে display: list-item হিসাবে সেট করুন এবং তার তালিকার টাইপার্টিকে কান্টেন্ট এবং রঙ নির্ধারণ করুন:

h2 {
  কাউন্টার-ইনক্রিমেন্ট: h2;
  ডিসপ্লে: লিস্ট-আইট;
}
h2::marker {
  ডিসপ্লে: লিস্ট-আইট;
  কনটেন্ট: "@" কাউন্টার(h2) " ";
  কালো: লাইটগ্রিন;
}
বডি {
  কাউন্টার-রিসেট: h2;
  ফন-ফ্যামিলি: ভার্ডানা;
  মার্গিন: 50px;
}

আপনার নিজেই প্রয়োগ করুন

CSS সাংকেতিকা

::marker {
  সিএসএস নির্দেশ;
}

তকনীকী বিস্তার

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

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

সংক্রান্ত পাতা

শিক্ষাদত্ত্র:CSS মিথ্যা-তত্ত্ব