التوصيات الدراسية

وظيفة sin() CSS

التعريف والاستخدام استخدامها في وظيفة CSS

تقوم الوظيفة بتحويل زاوية إلى قيمة عددية.

قيمة الزاوية الطبيعية دائمًا تعود قيمة بين -1 و 1.

مثال في calc() استخدامها في sin()

لإعداد عرض وارتفاع ثلاثة عناصر <div>:
  div.a {
  width: calc(sin(0.25turn) * 120px);
  height: calc(sin(30deg) * 120px);
  background-color: green;
background-color: maroon;
background-color: salmon;
  div.b {
  width: calc(sin(90) * 120px);
  height: calc(sin(2*1.125) * 120px);
  background-color: green;
background-color: maroon;
margin-bottom: 25px;
  div.c {
  width: calc(sin(pi/2) * 120px);
  height: calc(sin(pi/2) * 120px);
background-color: maroon;

}

تجربة شخصية

قواعد اللغة CSSزاويةsin(
) الوصف
زاوية مطلوب. الناتج هو تعبير رقمي أو زاوية.

تفاصيل التقنية

الإصدار: CSS4

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل لأول مرة.

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

صفحات ذات الصلة

مرجع:وظيفة acos() CSS

مرجع:وظيفة asin() CSS

مرجع:وظيفة atan() CSS

مرجع:وظيفة atan2() CSS

مرجع:وظيفة calc() CSS

مرجع:وظيفة cos() CSS

مرجع:وظيفة exp() CSS

مرجع:وظيفة hypot() CSS

مرجع:وظيفة log() CSS

مرجع:وظيفة mod() CSS

مرجع:دالة pow() CSS

مرجع:دالة sqrt() CSS

مرجع:دالة tan() CSS