CSS polygon() ফাংশন

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

CSS polygon() ফাংশন একটি প্যালিগন নির্ধারণ করে

polygon() ফাংশন এবং clip-path প্রতিযোগী প্রতিভা এবং shape-outside প্রতিযোগী প্রতিভার সাথে ব্যবহার

প্রয়োগ

উদাহরণ 1

ছবিটিকে প্যালিগন কাটা করুন:

img {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

স্বয়ং প্রয়াস করুন

উদাহরণ 2

ছবিটিকে প্যালিগন কাটা করুন:

img {
  clip-path: polygon(100% 0%, 50% 50%, 100% 100%);
}

স্বয়ং প্রয়াস করুন

উদাহরণ 3

ব্যবহার polygon()、clip-path এবং shape-outside:

img {
  float: left;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  shape-outside: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

স্বয়ং প্রয়াস করুন

CSS সিন্ট্যাক্স

polygon(fill-rule, length-percentage)

প্রযুক্তিগত বিবরণ

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

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

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

উল্লেখ:clip-path 属性

উল্লেখ:shape-outside 属性

উল্লেখ:circle() ফাংশন

উল্লেখ:ellipse() ফাংশন

উল্লেখ:inset() ফাংশন