CSS paint-order প্রতিভা

সংজ্ঞা ও ব্যবহার

paint-order এই বৈশিষ্ট্য এসভিজি ইলেকট্রন বা টেক্সট এর ড্রাইবিং ক্রম নির্দিষ্ট করে

নোট:টেক্সট ইলেকট্রনের জন্য শুধুমাত্র স্ক্রিন (stroke) এবং পূর্ণ ফাল (fill) ক্রম পরিবর্তন করা যায়, কারণ টেক্সট মার্কার (markers) প্রয়োগ করা যায় না

প্রকল্প

উদাহরণ 1

এসভিজি <circle> ইলেকট্রনের ড্রাইবিং ক্রম পরিবর্তন করুন:

circle {
  paint-order: stroke fill;
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

সবুজ গান পূর্ণফাল নিয়ে এসভিজি <text> ইলেকট্রনের ড্রাইবিং ক্রম পরিবর্তন করুন:

text {
  paint-order: stroke fill;
}

আপনার হাতে পরীক্ষা করুন

CSS গঠন

paint-order: normal|একটি মান|দুটি মান|তিনটি মান|ইনিশিয়াল|ইনহারিট;

বৈশিষ্ট্য মান

মান বর্ণনা
নরম ডিফল্ট মান। ড্রাইবিং ক্রম হবে পূর্ণ ফাল, স্ক্রিন, টেক্সট মার্কার
একটি মান

ড্রাইবিং দেওয়া মান থেকে শুরু করবে, এবং পরবর্তীতে ডিফল্ট ক্রমে বাকি অংশগুলি ড্রাইবিং করবে

যদি শুধু "stroke" নির্দিষ্ট করা হয়, তবে পরবর্তী ড্রাইবিং গতিবিধি হবে পূর্ণ ফালের (fill) এবং তারপরে টেক্সট মার্কার (markers)
দুটি মান

ড্রাইবিং দেওয়া মান থেকে শুরু করবে, এবং পরবর্তীতে ডিফল্ট ক্রমে বাকি অংশগুলি ড্রাইবিং করবে

যদি "stroke markers" নির্দিষ্ট করা হয়, তবে পরবর্তী ড্রাইবিং গতিবিধি হবে পূর্ণ ফালের (fill)
তিনটি মান ড্রাইবিং দেওয়া মান অনুযায়ী হবে
ইনিশিয়াল এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে সংযোজিত করুন। দেখুন ইনিশিয়াল.
ইনহারিট এই বৈশিষ্ট্যটি তার পিতৃত্ব বৈশিষ্ট্য থেকে ইনহারিট করুন। দেখুন ইনহারিট.

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

ডিফল্ট মান: নরম
পুনর্বহূক্তি: হ্যাঁ
অ্যানিমেশন নির্মাণ: সমর্থন নয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য.
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গঠন object.style.paintOrder="stroke fill"

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

টেবিলের সংখ্যা প্রথম বৃহত্তর ব্রাউজার সংস্করণটির সম্পূর্ণ সমর্থনকারী একটি বৈশিষ্ট্য

চ্রোম এজ ফায়ারফক্স সাফারি অপেরা
35.0 17.0 60.0 8.0 22.0

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষা:SVG শিক্ষা

শিক্ষা:HTML SVG গ্রাফিক