خصوصیت 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)"

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

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

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

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

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

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

CSS Position (بیاموز CSS3)

: نوشته شده توسط امیر پهلوان صادق; بازدید: 7605

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی