خصائص Style clip
- الصفحة السابقة clear
- الصفحة التالية color
- العودة إلى الطبقة العليا موضوع Style DOM
التعريف والاستخدام
clip تحديد أي جزء من العنصر المحدد يظهر.
يرجى الرجوع أيضًا إلى:
دليل CSS التعليميتحديد CSS
دليل CSSخصائص تقطيع
مثال
مثال 1
تقطيع الصورة إلى الشكل المحدد:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
مثال 2
إرجاع خصائص تقطيع:
alert(document.getElementById("myImg").style.clip);
النحو
إرجاع خصائص تقطيع:
object.style.clip
تعيين خصائص تقطيع:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
قيمة الخصائص
| القيمة | الوصف |
|---|---|
| auto | افتراضي. لا يتم تقطيع العنصر. |
| rect(top right bottom left) | يُقطع الشكل المحدد بثمانية أرقام. |
| initial | اضبط هذا الخصائص على قيمته الافتراضية. يُرجى الرجوع إلى initial。 |
| inherit | يُورث هذا الخصائص من العنصر الأب. يُرجى الرجوع إلى inherit。 |
تفاصيل التقنية
| القيمة الافتراضية: | لا يوجد |
|---|---|
| القيمة المعدلة: | سلسلة، تمثل الجزء المرئي للعنصر المحدد. |
| إصدار CSS: | CSS2 |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة clear
- الصفحة التالية color
- العودة إلى الطبقة العليا موضوع Style DOM
