خصائص clip CSS

  • الصفحة السابقة clear
  • الصفحة التالية clip-path

تعريف والاستخدام

خصائص clip تقطع العناصر الموجودة في التثبيت الإضافي.

ماذا يحدث عندما يكون حجم الصورة أكبر من العنصر الذي يحتوي عليه؟ خاصية "clip" تسمح لك بتحديد حجم العنصر المرئي، حيث سيتم قطع العنصر وعرضه بهذا الشكل.

شرح

ماذا يحدث عندما يكون حجم الصورة أكبر من العنصر الذي يحتوي عليه؟ خاصية "clip" تسمح لك بتحديد حجم العنصر المرئي، حيث سيتم قطع العنصر وعرضه بهذا الشكل.

انظر أيضًا:

دليل CSS:تثبيت CSS

دليل HTML DOM:خصائص clip

مثال

قطع الصورة:

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

تجربة شخصية

جافا سكربت لغة CSS

clip: auto|الشكل|الافتراضي|تنقل;

قيمة الخاصية

القيمة الوصف
الشكل إعداد شكل العنصر. القيمة الصالحة الوحيدة للشكل هي: rect (العمود, اليمين, الأسفل, اليسار)
تلقائي القيمة الافتراضية. لا يتم تطبيق أي قطع.
تنقل يحدد يجب أن يتم تناقل قيمة خاصية clip من العنصر الأب.

تفاصيل التقنية

القيمة الافتراضية: تلقائي
تنقل: لا
الإصدار: CSS2
جافا سكربت: object.style.clip="rect(0px,50px,50px,0px)"

مزيد من الأمثلة

إعداد شكل العنصر
هذا المثال يوضح كيفية إعداد شكل العنصر. يتم قطع هذا العنصر إلى الشكل المطلوب ثم عرضه.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 7.0
  • الصفحة السابقة clear
  • الصفحة التالية clip-path