ویژگی clip CSS
تعریف و استفاده
برش دادن ویژگی clip برای عنصر‌های مطلق
چه اتفاقی می‌افتد وقتی اندازه یک تصویر بزرگتر از عنصر نگهدارنده آن باشد؟ "clip" ویژگی به شما اجازه می‌دهد تا اندازه قابل مشاهده یک عنصر را تعریف کنید، بنابراین این عنصر برش داده شده و به این شکل نمایش داده می‌شود.
توضیح
این ویژگی برای تعریف یک مستطیل برش استفاده می‌شود. برای یک عنصر تعریف شده به صورت مطلق، تنها محتوایی که در این مستطیل قرار دارد، قابل مشاهده است. محتوایی که خارج از این منطقه برش قرار دارد، بر اساس مقدار overflow پردازش می‌شود. منطقه برش ممکن است بزرگتر یا کوچکتر از منطقه محتوایی باشد.
لطفاً به اینجا مراجعه کنید:
آموزش CSS:پوزیشن CSS
دستورالعمل HTML DOM:ویژگی clip
قوانین CSS
clip: auto|شکل|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| شکل | تنظیم شکل عنصر. تنها مقدار مجاز برای شکل: rect (بالای, راست, پایین, چپ) |
| auto | مقدار پیش‌فرض. هیچ برش‌دهی اعمال نمی‌شود. |
| inherit | این مشخص می‌کند که باید مقدار clip از عنصر پدر به عنصر فعلی منتقل شود. |
جزئیات فنی
| مقدار پیش‌فرض: | auto |
|---|---|
| انتقال‌پذیری: | no |
| نسخه: | CSS2 |
| قوانین جاوااسکریپت: | object.style.clip="rect(0px,50px,50px,0px)" |
مثال‌های بیشتر
- تنظیم شکل عنصر
- این مثال نحوه تنظیم شکل یک عنصر را نشان می‌دهد. این عنصر به شکل بریده شده، سپس نمایش داده می‌شود.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
