سبد (0)

خصوصیت clip

مثال (خصوصیت clip)

برش یک تصویر:

img
{
position:absolute;
clip:rect(0px,60px,200px,0px);
}
خودتان امتحان کنید »

تعریف و کاربرد

اگر یک تصویر از عنصر والدش بزرگتر باشد، چه اتفاقی می افتد؟ با استفاده از خاصیت clip می توانید یک مستطیل برای بریدن عنصری که به صورت absoulote موقعیت دهی شده است، مشخص کنید.

توجه: وقتی "overflow:visible" باشد، خاصیت clip کار نمی کند.

مقدار پیشفرض auto
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.clip="rect(0px,50px,50px,0px)"

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت clip را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
shape یک عنصر را برش می دهد، مقادیر قابل قبول عبارنتد از: (rect (top, right, bottom, left نمایش دادن »
auto  برش اعمال نمی شود. مقدار پیش فرض است. نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

CSS Position (بیاموز CSS3)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان