دستورالعمل‌های مرجع توابع CSS

توابع CSS

توابع CSS می‌توانند برای محاسبه مقادیر، عمل بر روی رشته‌ها یا رنگ‌ها، ایجاد افعال پیچیده و اشکال و غیره استفاده شوند.

توابع CSS معمولاً به عنوان مقادیر ویژگی‌های مختلف CSS استفاده می‌شوند.

تابع توضیح
acos() ارگانگشتار بین -1 و 1 بین یک عدد را بازمی‌گرداند.
asin() ارگانگشتار بین -1 و 1 بین یک عدد را بازمی‌گرداند.
atan() ارگانگشتار بین -∞ و ∞ بین یک عدد را بازمی‌گرداند.
atan2() ارگانگشتار بین دو مقدار بین -∞ و ∞ را بازمی‌گرداند.
attr() مقدار ویژگی‌های انتخاب شده عنصر را بازمی‌گرداند.
blur() اثر مبهم‌سازی را به عنصر اعمال می‌کند.
brightness() نورندگی عناصر را تنظیم می‌کند ( روشن‌تر یا تاریک‌تر).
calc() مجاز است که محاسباتی برای تعیین مقادیر ویژگی‌های CSS انجام داد.
circle() یک مدار را تعریف می‌کند.
clamp() یک مقدار تنظیم می‌کند که بر اساس اندازه视‌پورت بین حداقل و حداکثر تنظیم می‌شود.
color() مجاز است که رنگی را در فضای رنگی خاصی مشخص کرد.
color-mix() در فضای رنگی داده شده، دو مقدار رنگی به نسبت داده شده ترکیب می‌کند.
conic-gradient() یک افعال زاویه‌ای ایجاد می‌کند.
contrast() کنتراست عناصر را تنظیم می‌کند.
cos() مقدار کسینوس زاویه را بازمی‌گرداند.
counter() مقدار فعلی شمارنده‌های نام‌گذاری شده را بازمی‌گرداند.
counters() مقدار فعلی شمارنده‌های نام‌گذاری شده و درونی را بازمی‌گرداند.
cubic-bezier() تعریف یک منحنی بی塞尔 سه‌گانه.
drop-shadow() اثر پروژه‌ای را به تصویر اعمال می‌کند.
ellipse() تعریف یک مدار هلیکوئیدی.
exp() برگردان E به توان x (Ex)
fit-content() مجاز است که اندازه عناصر را بر اساس محتوای آن‌ها تنظیم کرد.
grayscale() تصویر را به رنگ‌های خاکستری تبدیل می‌کند.
hsl() / hsla() با استفاده از مدل رنگ فام-نسبت‌سنجی-亮度 (HSL) یک رنگ تعریف می‌کند؛ به صورت اختیاری شامل عنصر alpha می‌شود.
hue-rotate() یک چرخش رنگ برای عنصرها اعمال می‌کند.
hwb() با استفاده از مدل رنگ فام-سفیدی-سیاهی (HWB) یک رنگ تعریف می‌کند؛ به صورت اختیاری شامل عنصر alpha می‌شود.
hypot() جذور مربع از مجموع مربع‌های پارامترها را برمی‌گرداند.
inset() یک مستطیل را تعریف می‌کند که با حفظ فاصله مشخصی از هر یک از لبه‌های جعبه مرجع.
invert() رنگ‌های تصویر را برمی‌گرداند.
lab() یک رنگ را در فضای رنگی CIE Lab مشخص می‌کند.
lch() یک رنگ را در فضای رنگی LCH مشخص می‌کند.
light-dark() دو مقدار رنگی را فعال می‌کند، اگر کاربر یک موضوع روشن تنظیم کرده باشد، مقدار اول را برمی‌گرداند;
اگر کاربر یک موضوع تاریک تنظیم کرده باشد، مقدار دوم را برمی‌گرداند.
linear-gradient() یک گرادیانت خطی ایجاد می‌کند.
log() محاسبه‌ی لگاریتم طبیعی یک عدد (با پایه E) یا لگاریتم با پایه مشخص شده.
matrix() با استفاده از ماتریس شش‌تایی یک تغییر دو بعدی تعریف می‌کند.
matrix3d() با استفاده از ماتریس 4x4 یک تغییر سه‌بعدی تعریف می‌کند.
max() حداکثر مقدار از لیست مقادیر جدا شده با کاما به عنوان مقدار ویژگی استفاده می‌شود.
min() حداقل مقدار از لیست مقادیر جدا شده با کاما به عنوان مقدار ویژگی استفاده می‌شود.
minmax() یک رنج اندازه‌ای را تعریف می‌کند که بزرگتر از حداقل و کوچکتر از حداکثر است (برای شبکه‌های CSS).
mod() باقیمانده تقسیم یک عدد بر عدد دیگر را برمی‌گرداند.
oklab() یک رنگ را در فضای رنگی OKLAB مشخص می‌کند.
oklch() یک رنگ را در فضای رنگی OKLCH مشخص می‌کند.
opacity() یک اثر شفافیت برای عنصرها اعمال می‌کند.
perspective() یک دیدگاه نما برای عنصرهای سه‌بعدی تعریف می‌کند.
polygon() یک مثلث را تعریف می‌کند.
pow() مقدار قدرت یک عدد (x) به توان عدد دیگر (y) را برمی‌گرداند.
radial-gradient() یک گرادیانت رادیال ایجاد می‌کند.
ray() یک خط منحنی حرکت برای عنصرهای انیمیشن تعریف می‌کند.
rem() باقیمانده تقسیم یک عدد بر عدد دیگر را برمی‌گرداند.
repeat() تکرار یک مجموعه از ستون‌ها یا ردیف‌ها در شبکه.
repeating-conic-gradient() تکرار گرادیانت قاعده‌ای.
repeating-linear-gradient() تکرار گرادیانت خطی.
repeating-radial-gradient() تکرار رادیال گرادیانت.
rgb() / rgba() از مدل رنگ قرمز-سبز-آبی (RGB) برای تعریف رنگ استفاده کنید؛ به صورت انتخابی می‌توانید component alpha را نیز شامل کنید.
rotate() چرخش 2D عناصر را تعریف کند.
rotate3d() چرخش 3D عناصر را تعریف کند.
rotateX() چرخش 3D عناصر را به دور محور x (افقی) تعریف کند.
rotateY() چرخش 3D عناصر را به دور محور y (عمودی) تعریف کند.
rotateZ() چرخش 3D عناصر را به دور محور z تعریف کند.
round() اعداد را بر اساس استراتژی مشخص شده برای راندن عدد به نزدیک‌ترین مقدار صحیح‌تر می‌کند.
saturate() شورایی عناصر را (قوی‌تر رنگ) تنظیم کند.
scale() تغییر مقياس 2D عناصر را تعریف کند.
scale3d() تغییر مقياس 3D عناصر را تعریف کند.
scaleX() عناصر را به صورت افقی بزرگ‌کن (عرض).
scaleY() عناصر را به صورت عمودی بزرگ‌کن (ارتفاع).
sepia() تصویر را به حالت سیاه و سفید تبدیل کند.
sin() مقدار سینوس عدد (درجه) را برگرداند.
skew() عناصر را به صورت x-آکسس و y-آکسس کج کند.
skewX() عناصر را به صورت x-آکسس کج کند.
skewY() عناصر را به صورت y-آکسس کج کند.
sqrt() مقدار ریشه‌کاره عدد را برگرداند.
steps() دستور زمان‌بندی مرحله‌ای برای انیمیشن ایجاد کنید.
tan() مقدار تانژانت عدد را برگرداند.
translate() اجازه دهد عناصر به صورت x-آکسس و y-آکسس مجدداً موقعیت‌دهی شوند.
translateX() اجازه دهد عناصر به صورت x-آکسس مجدداً موقعیت‌دهی شوند.
translateY() اجازه دهد عناصر به صورت y-آکسس مجدداً موقعیت‌دهی شوند.
url() اجازه دهد فایل‌ها در جدول استایل شامل شوند.
var() ارزش سفارشی برای ویژگی‌های تعریف شده توسط کاربر وارد کنید.