دليل المراجعة وظائف CSS

وظائف CSS

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

تُستخدم الوظائف CSS عادةً كقيم لخصائص CSS المختلفة.

الوظيفة الوصف
acos() يُرجع قيمة反正cos بين -1 و1 للعدد.
asin() يُرجع قيمة反正弦 بين -1 و1 للعدد.
atan() يُرجع قيمة反正تangent بين -∞ و∞ للعدد.
atan2() يُرجع قيمة反正تangent بين -∞ و∞ لقيمتين.
attr() يُرجع قيمة الخاصية للعنصر المحدد.
blur() يُطبق تأثير البلة على العنصر.
brightness() يُعدل بريق العنصر (أكثر إضاءة أو أظلامًا).
calc() يُسمح بإجراء الحسابات لتحديد قيمة الخاصية CSS.
circle() يُحدد الدائرة.
clamp() يُضبط القيمة بناءً على حجم العرض، بين القيمة الأدنى والقيمة الأعلى.
color() يُسمح بتحديد اللون في مساحة الألوان المحددة.
color-mix() يُخلط بين قيم الألوان في مساحة الألوان المحددة بناءً على النسبة المحددة.
conic-gradient() يُنشئ تناقص زاوي.
contrast() يُعدل درجة التباين للعنصر.
cos() يُرجع قيمة余弦 الزاوية.
counter() يُرجع القيمة الحالية للمحساب التسمية.
counters() يُرجع القيمة الحالية للمحساب التسمية والعداد المتداخل.
cubic-bezier() يُحدد المنحنى الثلاثي.
drop-shadow() يُطبق تأثير الظل على الصورة.
ellipse() يُحدد الإليipse.
exp() يُرجع exponentiation المحددة من E مرات x (Ex)
fit-content() يُسمح بتعديل حجم العناصر بناءً على المحتوى.
grayscale() تحويل الصورة إلى درجات灰.
hsl() / hsla() تحديد اللون باستخدام نموذج اللون الألوان-التشبع-السطوع (HSL)؛ يمكن أن يحتوي على مكون alpha اختياري.
hue-rotate() تطبيق دوران اللون على العنصر.
hwb() تحديد اللون باستخدام نموذج اللون الألوان-أبيض-أسود (HWB)؛ يمكن أن يحتوي على مكون alpha اختياري.
hypot() يعيد الجذر التربيعي للسquared sum of its parameters.
inset() تحديد مستطيل يبقى على بعد محدد من كل جانب من جوانب الإطار المرجعي.
invert() تغيير ألوان الصورة.
lab() تحديد اللون في مساحة الألوان CIE Lab.
lch() تحديد اللون في مساحة الألوان LCH (السطوع - اللون - الزاوية).
light-dark() تفعيل إعدادين من قيم الألوان، إذا قام المستخدم بتعيين موضوع الفاتح، فإنه يعيد القيمة الأولى;
إذا قام المستخدم بتعيين موضوع الداكن، فإنه يعيد القيمة الثانية.
تدرج خطي() إنشاء تدرج خطي.
log() يعيد طبيعي لقيمة معينة (أو لقيمة معينة مع قاعدة)
matrix() استخدام مصفوفة سداسية لتحديد التحويل الـ2D.
matrix3d() استخدام مصفوفة 4x4 لتحديد التحويل الـ3D.
max() استخدام أكبر قيمة من قائمة الأ数值 المفصولة بالكومياس كقيمة الخاصية.
min() استخدام أصغر قيمة من قائمة الأ数值 المفصولة بالكومياس كقيمة الخاصية.
minmax() تحديد نطاق الحجم الذي يكون أكبر أو يساوي الحد الأدنى وأصغر أو يساوي الحد الأعلى (للشبكة CSS).
mod() يعيد الباقي عند تقسيم عدد على عدد آخر.
oklab() تحديد اللون في مساحة الألوان OKLAB.
oklch() تحديد اللون في مساحة الألوان OKLCH.
opacity() تطبيق تأثير الشفافية على العنصر.
perspective() تحديد زاوية البصرية للعناصر الـ3D.
polygon() تحديد المضلع.
pow() يعيد قيمة رفع عدد (x) إلى القوة (y).
تدرج شعاعي() إنشاء تدرج شعاعي.
ray() تحديد مسار الخطوة للعنصر المتحرك.
rem() يعيد الباقي عند تقسيم عدد على عدد آخر.
تكرار() تكرار مجموعة من الأعمدة أو الصفوف في الشبكة.
تكرار الشعاعي المخروطي. تكرار التدرج المخروطي.
تكرار الشعاعي الخطي. تكرار التدرج الخطي.
تكرار الشعاعي المتدرج. 重复径向渐变。
rgb() / rgba() يُحدد اللون باستخدام نموذج الألوان الأحمر-الأزرق-الأخضر (RGB)؛ يمكن تضمين مكون الألفا بشكل اختياري.
rotate() يُحدد الدوران 2D للعنصر.
rotate3d() يُحدد الدوران 3D للعنصر.
rotateX() يُحدد الدوران 3D للعنصر حول محور x (أفقي).
rotateY() يُحدد الدوران 3D للعنصر حول محور y (عمودي).
rotateZ() يُحدد الدوران 3D للعنصر حول محور z.
round() يُجري تقريبًا للعدد بناءً على استراتيجية تقريب محددة.
saturate() يُعدل كثافة اللون (قوة اللون).
scale() يُحدد التكبير 2D للعنصر.
scale3d() يُحدد التكبير 3D للعنصر.
scaleX() يُكبّر العنصر أفقياً (العرض).
scaleY() يُكبّر العنصر عموديًا (الارتفاع).
sepia() يُحوّل الصورة إلى اللون البني.
sin() يعود بالقيمة الموجبة للعدد (الزاوية).
skew() يُجعل العنصر مائلاً Along x-العرض و y-الطول.
skewX() يُجعل العنصر مائلاً Along x-العرض.
skewY() يُجعل العنصر مائلاً Along y-الطول.
sqrt() يعود بالجذر التربيعي للعدد.
steps() يُنشئ وظيفة حسابية خطوة للتحكم في الحركة.
tan() يعود بالقيمة الموجبة للعدد.
translate() يُسمح بإعادة تحديد المواقع للعناصر Along x-العرض و y-الطول.
translateX() يُسمح بإعادة تحديد المواقع للعناصر Along x-العرض.
translateY() يُسمح بإعادة تحديد المواقع للعناصر Along y-الطول.
url() يُسمح بدمج الملفات في جدول الأسلوب.
var() إدراج قيمة مخصصة للصفة.