خصائص shadowOffsetY لجدول HTML

دعم المتصفحات

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

shadowOffsetY يُحدد أو يُرجع المسافة العلوية بين الشكل والظل.

  • shadowOffsetY=0 يُشير إلى أن الظل يقع أسفل الشكل
  • shadowOffsetY=20 يُشير إلى أن الظل يقع 20 بكسل تحت موقع top للشكل
  • shadowOffsetY=-20 يُشير إلى أن الظل يقع 20 بكسل فوق موقع top للشكل

نصيحة:لإجراء تعديل في الموقع الأفقي للشكل، استخدم shadowOffsetX خصائص.

مثال

رسم مستطيل يحتوي على ظل منخفض 20 بكسل (من موقع top للشكل):

متصفحك لا يدعم علامة الجدولية للرسم.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";

ctx.fillStyle="blue";

ctx.fillRect(20,20,100,80);

اللغة البرمجيةالوصفgrammar.shadowOffsetY=

;

قيمة الخاصية القيمة
الوصف رقم

قيمة إيجابية أو سلبية، تحدد المسافة العمودية بين الظل والشكل.

تفاصيل التقنية القيمة الافتراضية:

0

دعم المتصفحات

الارقام في الجدول تشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل لأول مرة. Chrome Edge Firefox Safari
الارقام في الجدول تشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل لأول مرة. Chrome Edge Firefox Safari
3.6 Opera 9.0 3.6 4.0

10.1التعليقات:

دعم المتصفحات