CSS/angle

نوع البيانات <angle> في CSS يستعمل لتمثيل القيم الزاويّة بالدرجات (degrees) أو بالغراد (grad) أو بالراديان (radians) أو بالدورات (turns)، ويمكن استخدام هذا النوع في التدرجات اللونية <gradient> وبعض دوال transform.

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

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الرئيسي	2.0	3.6	9.0	مدعومة	4.0
الواحدة turn	مدعومة	13.0	9.0	مدعومة	10

الشكل العام

تتألف القيم الزاويّة <angle> من رقم <number> تتبعه إحدى الواحدات المذكورة أدناه؛ وكما في جميع الأبعاد في CSS، لا يوجد فراغ بين الواحدة والرقم، وليس من الضروري ذكر الواحدة بعد الرقم 0.

يمكن اختياريًا أن نُسبِق القيمة بإشارة + أو -، وتُمثِّل الأعداد الموجبة القيم الزاويّة التي تسير مع عقارب الساعة، بينما الأعداد السالبة تُمثِّل القيم الزاوية التي تسير عكس اتجاه عقارب الساعة.

يمكن تمثيل الزاوية نفسها باستخدام القيم المتكافئة، فمثلًا 90deg تساوي ‎-270deg، و 1turn تساوي 4trun، لكن يجدر بالذكر أنَّ تلك القيم غير متكافئة عند استخدامها مع الخاصية animation أو transition.

الواحدة deg

تمثيل الزاوية بالدرجات، وكل دائرة مُقسِّمة إلى 360 درجة. أمثلة: 0deg و 90deg و 14.23deg.

الواحدة grad

تمثيل الزاوية بالغراد، وكل دائرة مُقسِّمة إلى 400 غراد. أمثلة: 0grad و 100grad و 38.8grad.

الواحدة rad

تمثيل الزاوية بالراديان، وكل دائرة مُقسِّمة إلى 2π راديان، أي تساوي تقريبًا 6.2832rad، وكل 1rad يساوي 180‏/π‏‎. أمثلة: 0rad و 1.0708rad و 6.2832rad.

الواحدة turn

تمثيل الزاوية بعدد الدورات، وكل دائرة تُمثِّل دورة واحدة. أمثلة: 0turn و 0.25turn و 1.2turn.

أمثلة

زاوية بقيمة 90deg = 100grad = 0.25turn ≈ 1.5708rad

زاوية بقيمة 180deg = 200grad = 0.5turn ≈ 3.1416rad

زاوية بقيمة ‎-90deg = -100grad = -0.25turn ≈ -1.5708rad

زاوية بقيمة 0 = 0deg = 0grad = 0turn = 0rad

 انظر أيضًا

• صفحة الخاصية number التي تمثِّل القيم العددية، سواءً كانت أعدادًا صحيحةً (integer) أو أعدادًا عشريةً.

مصادر ومواصفات

• مواصفة CSS Values and Units Module Level 3.