خصوصیت clip
مثال (خصوصیت clip)
برش یک تصویر:
img
{
position:absolute;
clip:rect(0px,60px,200px,0px);
}
خودتان امتحان کنید »{
position:absolute;
clip:rect(0px,60px,200px,0px);
}
تعریف و کاربرد
اگر یک تصویر از عنصر والدش بزرگتر باشد، چه اتفاقی می افتد؟ با استفاده از خاصیت clip می توانید یک مستطیل برای بریدن عنصری که به صورت absoulote موقعیت دهی شده است، مشخص کنید.
توجه: وقتی "overflow:visible" باشد، خاصیت clip کار نمی کند.
| مقدار پیشفرض | auto |
|---|---|
| ارث بری | خیر |
| نسخه | CSS2 |
| JavaScript ساختار | object.style.clip="rect(0px,50px,50px,0px)" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت clip را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| shape | یک عنصر را برش می دهد، مقادیر قابل قبول عبارنتد از: (rect (top, right, bottom, left | نمایش دادن » |
| auto | برش اعمال نمی شود. مقدار پیش فرض است. | نمایش دادن » |
| inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
CSS Position (بیاموز CSS3)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7786
