ویژگی backface-visibility CSS

تعریف و استفاده

ویژگی backface-visibility نشان‌دهنده این است که آیا عنصر زمانی که به سمت صفحه نمایش نیست، قابل دیدن است یا خیر.

این ویژگی مفید است اگر نمی‌خواهید در حال چرخش، پشت عنصر دیده شود.

لطفاً به:

دستورالعمل مرجع HTML DOM:ویژگی backfaceVisibility

مثال

پنهان و نمایش پشت دو عنصر <div> چرخانده شده:

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

آزمایش کنید

اسکریپت CSS

backface-visibility: visible|hidden;

مقدار ویژگی

مقدار توضیحات
دیده می‌شود پشت دیده می‌شود.
پنهان پشت غیرقابل دید است.

جزئیات فنی

مقدار پیش‌فرض: دیده می‌شود
قابلیت ارث: خیر
نسخه: CSS3
اسکریپت جاوااسکریپت: اجسام.style.backfaceVisibility="hidden"

پشتیبانی مرورگرها

اعداد شماری در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کامل پشتیبانی می‌کنند.

اعداد شماری که دارای -webkit- یا -moz- هستند، نشان‌دهنده نسخه اولیه با استفاده از پیشوند هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-