English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
قطع عنصر. القيمة الوحيدة المقبولة هي: rect(الجزء العلوي، اليمين، السفلي، اليسرى). حيث، يحدد الجزء العلوي والسفلي المسافة من حافة الجدار العلوية للصندوق، بينما يحدد اليمين واليسرى المسافة من حافة الجدار اليسرى للصندوق. يمكن أن تكون القيم طولية أو auto. يسمح بالأطوال السلبية.
تعريف منطقة القطع CSS للعناصر الموجودة في التثبيت النسبي. ولكن، إذا تمoverflowإذا تم تعيين الخاصية إلى visible، فإنها لن تكون فعالة.
جدول أدناه يوضح كيفية استخدام هذا الخصائص و تاريخ الإصدارات، وكذلك استخدام هذا الخصائص في سكربتات JavaScript.
| القيمة الافتراضية: | auto |
|---|---|
| يستخدم: | عناصر التوضيح المطلقة |
| التوريث: | لا |
| يمكن تحريكه: | نعم.انظر خصائص التحريك。 |
| الإصدار: | CSS 2、3 |
| JavaScript Syntax: | object.style.clip="rect(0px,50px,50px,0px)" |
تحذير:لا تستخدم هذا الخصائص، لأنه تم إزالته من CSS3 وتم حذفه من الإصدارات اللاحقة، رغم أن بعض البrowsers قد يدعمونه.
نموذج هذا الخصائص هو:
clip: shape | auto | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام الخاصية clip.
img {
position: absolute;
clip: rect(0px,50px,200px,10px);
}اختبر هذا‹/›جدول أدناه يصف قيم هذه الخاصية.
| القيمة | وصف |
|---|---|
| shape | قطع عنصر. القيمة الوحيدة المقبولة للشكل هي rect(top, right, bottom, left). حيث، يحدد القمة والسفينة من خلال الهوامش من الحافة العلوية للواجهة، واليمين واليسار يحددان الهوامش من الحافة اليسرى للواجهة. top،right،bottom وleft يمكن أن يكون لديهم قيم طول أو auto. يسمح بالقيم السلبية. |
| auto | النص لا يتم قطعه. هذا هو القيمة الافتراضية. |
| initial | أعد هذا الخصائص إلى قيمته الافتراضية. |
| inherit | إذا تم تحديد، فإن العناصر ذات الصلة تأخذ قيمة الخاصية clip من العنصر الأب. |
مرونة الخاصية clip للبrowsers، الأرقام في الجدول التالي تمثل أحدث إصدار من البrowsers يدعم هذه الخاصية؛ جميع البrowsers الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:وضع CSS،تدفق CSS،عرض CSS。
خصائص ذات صلة:position،display،overflow،overflow-x،overflow-y。