دستورالعمل‌های مرجع CSS

attribute-CSS

CSS polygon() توابع برای تعریف یک پولیگون استفاده می‌شوند.

polygon() توابع با clip-path ویژگی و shape-outside ویژگی‌ها با یکدیگر استفاده شوند.

تصویر را به شکل پولیگون برش دهید:

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

تصویر را به شکل پولیگون برش دهید:

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

استفاده 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%);
}

polygon(fill-rule, length-percentage)

مقدار	توضیح
fill-rule	اختیاری. قوانین پر کردن را مشخص می‌کند. می‌تواند nonzero یا evenodd باشد. مقدار پیش‌فرض nonzero است.
length-percentage	ضروری. نقطه‌هایی که تعریف می‌شوند را مشخص می‌کند. این می‌تواند طول یا درصد باشد. هر نقطه یک جفت از koordinat x و y است. 0 0 گوشه بالا چپ را تعریف می‌کند، 100% 100% گوشه پایین را تعریف می‌کند.

مقدار

توضیح

fill-rule

اختیاری. قوانین پر کردن را مشخص می‌کند. می‌تواند nonzero یا evenodd باشد.

مقدار پیش‌فرض nonzero است.

length-percentage

ضروری. نقطه‌هایی که تعریف می‌شوند را مشخص می‌کند. این می‌تواند طول یا درصد باشد.

هر نقطه یک جفت از koordinat x و y است. 0 0 گوشه بالا چپ را تعریف می‌کند، 100% 100% گوشه پایین را تعریف می‌کند.