سی ایس ایس فونکشن مراجع ماکول

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)
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() ਇੱਕ ਸੰਖਿਆ ਦੇ ਕੁਦਰਤੀ ਲੋਗਾਰਿਥਮ (ਈ ਦੇ ਅਧਾਰ 'ਤੇ) ਜਾਂ ਦੂਜੀ ਸੰਖਿਆ ਦੇ ਲੋਗਾਰਿਥਮ ਦਰਸਾਓ
matrix() ਛਾਯਾਚਿੱਤਰ ਮੈਟ੍ਰਿਕਸ ਦੇ ਨਾਲ 2D ਟਰਾਂਸਫਾਰਮ ਦਰਸਾਓ
matrix3d() 4x4 ਮੈਟ੍ਰਿਕਸ ਦੇ ਨਾਲ 3D ਟਰਾਂਸਫਾਰਮ ਦਰਸਾਓ
max() ਕੰਮਾ ਵੱਲੋਂ ਵੰਡੇ ਸੂਚੀ ਵਿੱਚ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਸੰਖਿਆ ਨੂੰ ਐਟਰੀਬਿਊਟ ਵਿੱਚ ਵਰਤੋ
min() ਕੰਮਾ ਵੱਲੋਂ ਵੰਡੇ ਸੂਚੀ ਵਿੱਚ ਸਭ ਤੋਂ ਘੱਟ ਸੰਖਿਆ ਨੂੰ ਐਟਰੀਬਿਊਟ ਵਿੱਚ ਵਰਤੋ
minmax() ਸਭ ਤੋਂ ਘੱਟ ਤੋਂ ਮਹੱਤਵਪੂਰਣ ਅਤੇ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਤੋਂ ਮਹੱਤਵਪੂਰਣ ਦਰਮਿਆਨ ਮਿਨਮਾਕ ਸ਼ੈਲੀ ਦਰਸਾਓ (ਯੂਐੱਸ ਗ੍ਰਿੱਡ ਲਈ ਵਰਤੇ ਜਾਂਦਾ ਹੈ)
mod() ਇੱਕ ਸੰਖਿਆ ਨੂੰ ਦੂਜੀ ਸੰਖਿਆ ਦੇ ਨਾਲ ਵੰਡੋ ਅਤੇ ਬਾਕੀ ਨੂੰ ਬਾਕੀ ਛੱਡੋ
oklab() OKLAB ਰੰਗ ਸਪੇਸ ਵਿੱਚ ਰੰਗ ਸੂਚੀਬੱਧ ਕਰੋ
oklch() OKLCH ਰੰਗ ਸਪੇਸ ਵਿੱਚ ਰੰਗ ਸੂਚੀਬੱਧ ਕਰੋ
opacity() ਐਲੀਮੈਂਟ 'ਤੇ ਅਨੁਪਰਾਪਤਤਾ ਪ੍ਰਭਾਵ ਲਾਗੂ ਕਰੋ
perspective() 3D ਟਰਾਂਸਫਾਰਮ ਐਲੀਮੈਂਟ ਲਈ ਪਰਸਪੈਕਟਿਵ ਵਿਊ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ
polygon() ਪੱਥਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ
pow() ਇੱਕ ਸੰਖਿਆ (x) ਦੀ ਦੂਜੀ ਸੰਖਿਆ (y) ਵਾਧੂ ਪ੍ਰਿਭਾਸ਼ਿਤ ਕਰੋ
radial-gradient() ਰੈਡੀਅਲ ਗ੍ਰੇਡੀਐਂਟ ਬਣਾਓ
ray() ਏਨੀਮੇਸ਼ਨ ਐਲੀਮੈਂਟ ਦੇ ਪਾਥ ਲਾਈਨ ਸਕੇਪ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ
rem() ਇੱਕ ਸੰਖਿਆ ਨੂੰ ਦੂਜੀ ਸੰਖਿਆ ਦੇ ਨਾਲ ਵੰਡੋ ਅਤੇ ਬਾਕੀ ਨੂੰ ਬਾਕੀ ਛੱਡੋ
repeat() ਗ੍ਰਿੱਡ ਵਿੱਚ ਇੱਕ ਸਮੂਹ ਦੇ ਕਲਮਾਂ ਜਾਂ ਰਾਹਾਂ ਨੂੰ ਦੁਹਰਾਓ
repeating-conic-gradient() ਦੁਹਰਾ ਕੰਨੀਕ ਗ੍ਰੇਡੀਐਂਟ
repeating-linear-gradient() ਦੁਹਰਾ ਲਾਈਨਰ ਗ੍ਰੇਡੀਐਂਟ
repeating-radial-gradient() ਦੁਹਰਾ ਰੈਡੀਅਲ ਗ੍ਰੇਡੀਐਂਟ
rgb() / rgba() 使用红-绿-蓝模型 (RGB) 定义颜色；可选地包含 alpha 组件。
rotate() 定义元素的 2D 旋转。
rotate3d() 定义元素的 3D 旋转。
rotateX() 定义元素绕 x 轴（水平）的 3D 旋转。
rotateY() 定义元素绕 y 轴（垂直）的 3D 旋转。
rotateZ() 定义元素绕 z 轴的 3D 旋转。
round() 根据指定的舍入策略对数进行舍入。
saturate() ਰੰਗ ਦੀ ਸਾਤੂਰੇਤਾ (ਰੰਗ ਤੀਬਰਤਾ) ਸੰਤੁਲਿਤ ਕਰਦਾ ਹੈ。
scale() ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
scale3d() ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
scaleX() ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
scaleY() ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
sepia() ਚਿੱਤਰ ਨੂੰ ਸੇਪੀਆ ਟੋਨ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ。
sin() ਸੰਖਿਆ (ਕੋਣ) ਦੇ ਸਾਈਨ ਮੁੱਲ ਦਿੰਦਾ ਹੈ。
skew() ਯੂਨਿਟ ਦੇ ਅਨੁਸਾਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਅਤੇ ਦਿਸ਼ਾ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
skewX() ਯੂਨਿਟ ਦੇ ਅਨੁਸਾਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
skewY() ਯੂਨਿਟ ਦੇ ਅਨੁਸਾਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
sqrt() ਸੰਖਿਆ ਦੀ ਵਿਚਕਾਰੀ ਮੁੱਲ ਦਿੰਦਾ ਹੈ。
steps() ਐਨੀਮੇਸ਼ਨ ਲਈ ਸਟੇਪਸ ਟਾਈਮਿੰਗ ਫੰਕਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ。
tan() ਸੰਖਿਆ ਦੇ ਟੈਨ ਮੁੱਲ ਦਿੰਦਾ ਹੈ。
translate() ਯੂਨਿਟ ਦੇ ਅਨੁਸਾਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਅਤੇ ਦਿਸ਼ਾ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
translateX() ਯੂਨਿਟ ਦੇ ਅਨੁਸਾਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦੇ ਪੱਧਰ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
translateY() ਯੂਨਿਟ ਦੇ ਅਨੁਸਾਰ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਤਾ ਦਿਸ਼ਾ ਵਿੱਚ ਪੁਨਰਸਥਾਨ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
url() ਸਟਾਈਲ ਸ਼ੇਅਰ ਵਿੱਚ ਫਾਇਲ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
var() ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ ਕਿ ਕਿਵੇਂ ਕਸਟਮ ਅਟਰੀਬਿਊਟ ਦਾ ਮੁੱਲ ਜੋੜਿਆ ਜਾਵੇ।