0

مرجع CSS

 
parisaexp
parisaexp
کاربر نقره ای
تاریخ عضویت : مهر 1392 
تعداد پست ها : 888
محل سکونت : اصفهان

پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393  2:11 AM

خصوصیت 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 تعيين مي کند که بايد از والدش، ارث بري داشته باشد.  

 

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.

تشکرات از این پست
دسترسی سریع به انجمن ها