خاصية CSS backface-visibility
مثال
إخفاء وإظهار الوجه الخلفي لعنصري <div> تم تدويرهما:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
التعريف والاستخدام
تحدد الخاصية ما backface-visibility
إذا كان يجب أن يكون الوجه الخلفي للعنصر مرئيًا عند مواجهة المستخدم أم لا.
الوجه الخلفي للعنصر هو صورة معكوسة للوجه الأمامي المعروض.
هذه الخاصية مفيدة عند تدوير عنصر. يتيح لك اختيار ما إذا كان يجب على المستخدم رؤية الوجه الخلفي أم لا.
لفهم هذه الخاصية بشكل أفضل ، قم بعرض العرض التوضيحي .
القيمة الافتراضية: | مرئي |
---|---|
وارث: | رقم |
متحرك: | رقم. اقرأ عن animatable |
الإصدار: | CSS3 |
بناء جملة JavaScript: | الكائن .style.backfaceVisibility = "مخفي" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
تحدد الأرقام المتبوعة بـ -webkit- أو -moz- الإصدار الأول الذي يعمل مع بادئة.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
بنية CSS
backface-visibility: visible|hidden|initial|inherit;
قيم الملكية
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
مرجع DOM HTML: خاصية backfaceVisibility