ویژگی Style clip

تعریف و استفاده

clip تنظیم یا بازگشت بخش‌های مشخص شده‌ای که یک عنصر مکان‌گذاری شده قابل مشاهده است.

لطفاً به

آموزش CSS:تعیین مکان CSS

دستورالعمل CSS:ویژگی clip

مثال

مثال 1

تصویر را به شکل مشخص شده برش دهید:

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

آزمایش کنید

مثال 2

بازگشت ویژگی clip:

alert(document.getElementById("myImg").style.clip);

آزمایش کنید

جملات

بازگشت ویژگی clip:

object.style.clip

تنظیم ویژگی clip:

object.style.clip = "auto|rect(top right bottom left)|initial|inherit"

مقدار ویژگی

مقدار توضیح
auto پیش‌فرض. عناصر را برش نمی‌دهد.
rect(top right bottom left) شکل برش‌شده توسط چهار مختصات تعریف می‌شود.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit

جزئیات فنی

مقدار پیش‌فرض: بدون
مقدار بازگشتی: رشته‌ای که بخش‌های قابل مشاهده عناصر تعیین شده را نشان می‌دهد.
نسخه CSS: CSS2

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی