دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۵
  • فروردین

جلسه ۱۷۵ : آموزش کار با ویژگی pointer-events در CSS

  • دسته‌بندی‌ها :
جلسه ۱۷۵ : آموزش کار با ویژگی pointer-events در CSS
    • جزئیات
    • نوع محتواآموزشی

      سلام به همه پی وی لرنی های عزیز!
      به دوره آموزش ویژگی های CSS خوش آمدید. CSS مخفف Cascade Style Sheets است که توسط W3C یا کنسرسیوم جهانی وب ایجاد شده است. اگر HTML اسکلت و ساختار وب است آنگاه CSS گوشت پوست وب را تشکیل می دهد که ضعف های HTML را پوشش داده و آن ها را رفع می نماید. در این مجموعه از مجموعه آموزش های پی وی لرن قرار است به سراغ دوره آموزش ویژگی های CSS برویم و شما را با Properties ها یا ویژگی های CSS آشنا کنیم. روند هر جلسه این دوره به این شکل است که هر جلسه اختصاص به یک ویژگی دارد و در هر جلسه نیز برای هر Property یا ویژگی نیز سعی شده با ارائه مثال های مرتبط، یادگیری ویژگی های CSS آسان تر و ماندگارتر شود.
      در جلسه قبل به آموزش کار با ویژگی perspective-origin پرداختیم؛ این ویژگی تعیین می کند که کاربر از چه موقعیتی به شیء سه بعدی نگاه کند.
      در این جلسه به سراغ آموزش کار با ویژگی pointer-events در CSS می رویم.

      آموزش کار با ویژگی pointer-events در CSS

      به مثال زیر توجه نمایید؛ در این مثال تعیین شده است که آیا لازم است که یک عنصر باید در برابر pointer events نشان دهد یا خیر.

      مثال : 

      تعریف و کاربرد

      ویژگی pointer-events نشان می دهد که آیا یک عنصر در برابر pointer events واکنش نشان می دهد یا خیر.

      مقدار پیش فرضauto
      به ارث بردنبله
      متحرک بودنخیر
      نسخهCSS3
      سینتکس JavaScript“object.style.pointerEvents=”none

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

      در ادامه آموزش کار با ویژگی perspective-origin در CSS جدولی ارائه کرده ایم که نشان می دهد این ویژگی CSS در چه مرورگر های پشیبانی می شود.

      نام ویژگیChrome iconFirefox iconOpera iconSafari-FR iconInternet-Explorer icon
      perspective-origin۲٫۰۳٫۶۹٫۰۴٫۰۱۱٫۰

      سینتکس CSS

      مثال : 

      مقدار ویژگی

      مقدارتوضیحات
      autoپیش فرض است – عنصر در برابر pointer events واکنش نشان می دهد: حرکت دادن ماوس و کلیک کردن.
      noneعنصر در برابر pointer events واکنشی نشان نمی دهد.
      initialویژگی را به مقدار پیش فرض خود تنظیم می کند.
      inheritاین ویژگی را از عنصر parent خود به ارث می برد.

      کلام آخر

      در این جلسه به آموزش کار با ویژگی pointer-events در CSS پرداختیم؛ ویژگی pointer-events نشان می دهد که آیا یک عنصر در برابر pointer events واکنش نشان می دهد یا خیر.
      در جلسه بعدی قرار است به کار با ویزگی position را می آموزیم.
      با پی وی لرن همراه باشید.

      QR: جلسه ۱۷۵ : آموزش کار با ویژگی pointer-events در CSS
      به اشتراک بگذارید
      , , , ,


      دیدگاه کاربران

      لیست مطالب دوره

      مطالب ویژه